seo and social media for multilingual and multidevice sites
TRANSCRIPT
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&f=videos&app=youtube_gdata" /><meta property="og:video:secure_url" content="https://www.youtube.com/v/cBpbs6ONgXA?version=3&f=videos&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
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}&utm_source=opensearch&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