Date post: | 10-Aug-2015 |
Category: |
Marketing |
Upload: | luckyboost |
View: | 85 times |
Download: | 2 times |
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
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