SEO and Social Media formultilingual and multidevice sites

Menachem Rosenbaum

Menachem Rosenbaum

Online Marketing Consultant8 years of experienceI love working on large multilingual websites

http://luckyboost.com@luckyboost

http://bit.ly/multilingual-multidevice

tags

• Basic• Social• Multilingual• Multilingual for Facebook• Multi Device• Social for Multi Device• Open Search

Very Basics

<title>SEO and Social Media for a multilingual site</title>

<meta name="description" content=“…">

<link rel="canonical" href="https://example.com/"/>

Indexing

<meta name="robots" content="index, follow">Crawl and index the page and all the links on the page

<meta name="robots" content="index, nofollow">Crawl and index the page but don’t crawl the links on the page

<meta name="robots" content="noindex, follow">Crawl and don’t index the page keep crawling links on the page

<meta name="robots" content="noindex, nofollow">Don’t crawl and don’t index this page and linked to pages

Don’t Worry About

<meta name="keywords" content "…">http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.htmlhttp://searchengineland.com/the-meta-keywords-tag-lives-at-bing-why-only-spammers-should-use-it-96874

<meta name="robots" content="noopd" /><meta name="robots" content="noydir" /><meta name="robots" content="noimageindex"><meta name="robots" content="noarchive"><meta name="robots" content="nosnippet">

Social Tags

Facebook – Open GraphThe basics tags<meta property="og:url" content=“http://example.com"/> <meta property="og:title" content="page title" /><meta property="og:site_name" content="example" /><meta property="og:image" content=“image/ example.jpg"/><meta property="og:description" content="example description" /><meta property="og:type" content="article" /><meta property="fb:app_id" content=“1234679012345" />

description 260 charactershttps://developers.facebook.com/docs/sharing/webmastershttps://developers.facebook.com/tools/debug/

Image sizeBig image > 600 x 315200 x 200 < Small image < 600 x 315No image < 200 x 200

article<meta property="article:author" content="https://www.facebook.com/fareedzakaria" /><meta property="article:publisher" content="https://www.facebook.com/cnn" />

place<meta property="og:type" content="place" /> <meta property="place:location:latitude" content=“22.6516842185" /> <meta property="place:location:longitude" content=“16.58745366336" />

product<meta property="og:type" content="product" /> <meta property="product:price:amount" content=“100" /> <meta property="product:price:currency" content=“USD" />

video<meta property="og:type" content=“http://example.com/video.mp4"><meta property="og:video:url" content=" http://example.com/video.mp4"><meta property="og:video:secure_url" content=" https://example.com/video.mp4">

<meta property="og:video:height" content="254" /><meta property="og:video:width" content="450" /><meta property="og:video:type" content="video/mp4">MIME type of the video. Either application/x-shockwave-flash or video/mp4.

This does not guaranty you will get the video to stream in the feed.You need to be a video site

Facebook App creator https://developers.facebook.com/?advanced_app_create=true

https://www.youtube.com/watch?v=op5MOJUql8k

https://www.youtube.com/watch?v=op5MOJUql8k

hack video tag<meta property="og:site_name" content="eToro - Social Trading Network" /><meta property="og:url" content="http://www.etoro.com" /><meta property="og:title" content="eToro - Online Social Trading & Investment Network" /><meta property="og:description" content="Join eToro's social trading investment network revolution! Tap into the wisdom of the crowd by follow and copy thousands of top performing traders." /><meta property="og:image" content="http://i1.ytimg.com/vi/cBpbs6ONgXA/0.jpg"/><meta property="og:image:secure_url" content="https://i1.ytimg.com/vi/cBpbs6ONgXA/0.jpg" /><meta property="og:image:height" content="360" /><meta property="og:image:width" content="480" /><meta property="og:video" content="http://www.youtube.com/v/cBpbs6ONgXA?version=3&amp;f=videos&amp;app=youtube_gdata" /><meta property="og:video:secure_url" content="https://www.youtube.com/v/cBpbs6ONgXA?version=3&amp;f=videos&amp;app=youtube_gdata" /><meta property="og:video:height" content="720" /><meta property="og:video:type" content="application/x-shockwave-flash" /><meta property="og:video:width" content="1280" />http://www.etoro.com/

profile

<meta property="og:type" content="profile"/>

song <meta property="og:type" content="music.song"/> <meta property="music:musician" content="http://open.spotify.com/artist/1dfeR4HaWDbWqFHLkxsg1d"> <meta property="music:musician" content="http://open.spotify.com/artist/0oSGxfWSnnOXhD2fKuz2Gy"> <meta property="music:album" content="http://open.spotify.com/album/7rq68qYz66mNdPfidhIEFa"> <meta property="music:album:track" content="2"> <meta property="music:duration" content="236">

album <meta property="og:type" content="music.album"/> <meta property="music:release_date" content="2011-04-19"> <meta property="music:musician" content="http://open.spotify.com/artist/1dfeR4HaWDbWqFHLkxsg1d"> <meta property="music:song" content="http://open.spotify.com/track/0pfHfdUNVwlXA0WDXznm2C"> <meta property="music:song:disc" content="1"> <meta property="music:song:track" content="1"> <meta property="music:song" content="http://open.spotify.com/track/2aSFLiDPreOVP6KHiWk4lF"> <meta property="music:song:disc" content="1"> <meta property="music:song:track" content="2">

fitness<meta property="og:type" content="fitness.course" /><meta property="og:updated_time" content="2015-04-30T09:52:37+03:00" /><meta property="og:determiner" content="a" />

<meta property="fitness:distance:value" content="26.86" /><meta property="fitness:distance:units" content="km" /><meta property="fitness:duration:value" content="4966" /><meta property="fitness:duration:units" content="s" /><meta property="fitness:speed:value" content="5.4"><meta property="fitness:speed:units" content="m/s"><meta property="fitness:calories" content="1045" />

http://www.mapmyride.com/workout/964603877

More tagsFull listhttps://developers.facebook.com/docs/reference/opengraph#object-type

Facebook story card https://developers.facebook.com/docs/opengraph/getting-startedActions for story https://developers.facebook.com/docs/reference/opengraph#action-typeSubmission processhttps://developers.facebook.com/docs/opengraph/submission-process

Twitter – Twitter CardsThe basics tags<meta name="twitter:card" content="summary" /><meta name="twitter:site" content="@example" /><meta name="twitter:title" content="example title" /><meta name="twitter:description" content=“this is a example description" /> <meta name="twitter:url" content="http://example.com" /><meta name="twitter:image" content=" image/example.jpg“ />

Description 200 characters

https://dev.twitter.com/cards/typeshttps://cards-dev.twitter.com/validator

http://www.nytimes.com/2015/05/03/business/pension-funds-can-only-guess-at-private-equitys-cost.html

Summary large image

<meta name="twitter:card" content="summary_large_image">

minimum image size 280 X 150

Image must be less than 1MB in size

http://www.washingtonpost.com/blogs/the-switch/wp/2015/05/01/even-apple-now-confirms-that-tattoos-and-the-apple-watch-dont-mix/

photo

<meta name="twitter:card" content="photo" />

No need to use twitter:title

Recommended to use<meta name="twitter:image:width" content=“600"><meta name="twitter:image:height" content=“400">

Not for animated GIFs

https://www.flickr.com/photos/53959117@N04/17158042390

gallery<meta name="twitter:card" content="gallery" /><meta name="twitter:image0" content="image/example.jpg"> <meta name="twitter:image1" content="image/example2.jpg"> <meta name="twitter:image2" content="image/example3.jpg"> <meta name="twitter:image3" content="image/example4.jpg">

Up to 4 images

No need to use twitter:description

http://fathertime.smugmug.com/Sports/NBA-Game/

app<meta name="twitter:card" content="app">

<meta name="twitter:app:name:iphone" content="example"><meta name="twitter:app:id:iphone" content="929750075">

<meta name="twitter:app:name:ipad" content="example"><meta name="twitter:app:id:ipad" content="929750075">

<meta name="twitter:app:name:googleplay" content="example"><meta name="twitter:app:id:googleplay" content="io.app.samples.example">

<meta name="twitter:app:country" content="US">

No need to use twitter:description

player<meta property="twitter:card" content="player"><meta property="twitter:player" content=“https://exampule.com/video/321"><meta property="twitter:player:height" content="400"><meta property="twitter:player:width" content="435">

Player URL must be HTTPS to iframeImage should be the same dimensions as your player and must have more then 68,600 pixels

No need to use twitter:descriptionanimated gif uses the player card

There is a possibility to provide a URL to raw stream that will be renderedin Twitter’s mobile applications

https://soundcloud.com/npr/memorial-day-in-2014-craig-windham

getting player approval1. An example URL with the Twitter Card Metadata tags2. The URL referenced in the Twitter Card twitter:player tag3. The URL of a tweet with the above Twitter Card URL referenced

4. A screen shot of the twitter:player URL in In a browser on• desktop, BEFORE video play• desktop, AFTER video play• iPhone, BEFORE video play• iPhone, AFTER video play• Android, BEFORE video play• Android, AFTER video play

Gallery

<meta name="twitter:label1" content="price"><meta name="twitter:data1" content="currency"><meta name="twitter:label2" content=“rating"><meta name="twitter:data2" content=“4 out 5">

Must add two fields and their value

http://surniaulula.com/extend/plugins/wpsso/

Pinterest - Rich Pins

https://developers.pinterest.com/rich_pins_overview/https://developers.pinterest.com/rich_pins/validator/

product

<meta property="og:title" content="Name of your product" /><meta property="og:type" content="product" /><meta property="og:price:amount" content="1.00" /><meta property="og:price:currency" content="USD" />

https://www.etsy.com/il-en/listing/174945960/hand-stamped-spoon-dads-ice-cream-plow

place<meta property="og:type" content="place" /><meta property="og:title" content="Name of the place" /><meta property="og:description" content="Description of the place" /><meta property="place:location:latitude" content="32.7792111232402" /><meta property="place:location:longitude" content="-125.41431583332604" />

https://foursquare.com/v/torre-di-pisa/4b4ae398f964a5208a8f26e3

article<meta property="og:title" content="Title of your Article" /><meta property="og:description" content="Description of what your article" /><meta property="og:type" content="article" />

http://www.theguardian.com/technology/2015/jan/22/dropbox-london-office-cloudon-windows-phone

Linkedin

Supports Open GraphOnly 4 tags

<meta property="og:title" content="My Shared Article Title" /><meta property="og:description" content="Description of shared article" /><meta property="og:url" content="http://example.com/my_article.html" /><meta property="og:image" content="http://example.com/foo.jpg" />

title up to 200 charactersdescription up to 256 characters

image 80 x 150px

https://developer.linkedin.com/docs/share-on-linkedin

Google+

1. schema.org2. Open Graph3. Title and meta "description" tags

<meta property="og:title" content=“Google+ example" /><meta property="og:image" content=" image/google-plus.png" /><meta property="og:description" content="example" />

https://developers.google.com/+/web/snippet/https://developers.google.com/structured-data/testing-tool/

Multilingual for Search Engines<link rel="alternate" href="https://example.com/" hreflang="en" /><link rel="alternate" href="https://example.com/de/" hreflang="de" /><link rel="alternate" href="https://exampleo.com/es/" hreflang="es" /><link rel="alternate" href="https://example.com/ae/" hreflang="ar" /><link rel="alternate" href="https://example.com/" hreflang="x-default"/>

<link rel="alternate" href="https://example.com/" hreflang="en-us" /><link rel="alternate" href="https://example.com/" hreflang="en-uk" />

https://support.google.com/webmasters/answer/189077?hl=en

Sitemaphttps://support.google.com/webmasters/answer/2620865?hl=enThe value of the hreflang language ISO 639-1 format region ISO 3166-1 Alpha 2

AirBnB

<link rel="alternate" href="https://www.airbnb.com.ni/rooms/1642068" hreflang="es-NI"><link rel="alternate" href="https://www.airbnb.com.pa/rooms/1642068" hreflang="es-PA"><link rel="alternate" href="https://www.airbnb.com.pe/rooms/1642068" hreflang="es-PE"><link rel="alternate" href="https://www.airbnb.com.py/rooms/1642068" hreflang="es-PY"><link rel="alternate" href="https://www.airbnb.com.sg/rooms/1642068" hreflang="en-SG"><link rel="alternate" href="https://www.airbnb.com.sv/rooms/1642068" hreflang="es-SV">

https://www.airbnb.com/rooms/1642068

Multilingual for Facebook

<meta property="og:locale" content="en_US" /><meta property="og:locale:alternate" content="fr_FR" /><meta property="og:locale:alternate" content="es_ES" /><meta property="og:locale:alternate" content="de_DE" /><meta property="og:locale:alternate" content="ar_AR" />

must support example.com&fb_locale=es_ES redirecting to example.com/es/

https://developers.facebook.com/docs/opengraph/guides/internationalization/

Multidevice – App LinkingMobile page http://m.example.com<link rel="canonical" href="http://example.com/"/>

<meta property="al:ios:url" content="iphoneApp://example.com" /><meta property="al:ios:app_store_id" content=“123456789" /><meta property="al:ios:app_name" content="iphone example" /><meta property="al:android:url" content="applinks://docs" /><meta property="al:android:app_name" content="android example" /><meta property="al:android:package" content="com.android.example" /><meta property="al:web:url" content="http:// example.com" />

http://applinks.org/

http://www.yozio.com/blog/examples-of-mobile-deep-linking/ - videos showing how it works many examples

Google + Facebook

Twitter for Multidevice

<meta name="twitter:app:url:iphone“content="example://iphone-app/5149e249222f9e600a7540ef">

<meta name="twitter:app:url:ipad“content="example://ipad-app/5149e249222f9e600a7540ef">

<meta name="twitter:app:url:googleplay“content="http://example.app.io/app/5149e24600a7540ef">

Open Search<link rel="search" type="application/opensearchdescription+xml" href="/search/opensearch.xml" title=“Example Search">

<?xml version="1.0" encoding="UTF-8"?><OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"> <ShortName>example Search</ShortName> <Description>Search for content on example.com</Description> <Tags>example posts</Tags> <Image height="16" width="16" type="image/example.icon">http:// example.com/images/favicon.ico</Image> <Url type="text/html" template="http://example.com/search?q={searchTerms}&amp;utm_source=opensearch&amp;searchfrom=opensearch" /> <Query role="example" searchTerms="cat" /></OpenSearchDescription>

Thank You

Menachem Rosenbaum

http://luckyboost.comFind me at @luckyboost

Find presentation at http://bit.ly/multilingual-multidevice