mobile seo tips - #sfgettingsmarter
TRANSCRIPT
MOBILE SEO TIPS
By Yvette
WHATS THE GO
• WHY IS IT IMPORTANT?
• RESPONSIVE OR MOBILE SITE?
• MOBILE SEO TIPS
• TL;DR
• USEFUL TOOLS
• HELPFUL INFORMATION
2
3IMPORTANCE
4 out of 5 global internet users in
2014 were mobile web users.
Tablet devices are now in half of all
households and 7 in 10Australians over the age of 16already own a smartphone.
Mobiles are always on, alwayswith us and always connected.
Mobile screen time is leading theway according to new datareleased by IAB Australia and
Nielsen which shows that 52percent of digital screen time isspent on mobile devices.
There are now 17.5 million
Australians who spent $14.9billion and more than 285 hours
of their time every year online. 77% of mobile searches are likely
to have a PC available but choosethe convenience of mobile.
RESPONSIVE BETTER THAN MOBILE SITES?RESPONSIVE• Automatically adjusts current
website on any device
• Requires no redirection for users
which reduces load time.
• Keeps the original domain.
Nothing changes except the code inthe back end
• Keep’s the websites link equity
• More forward thinking – it will
continue to work on the latestdevices next month or next yearwith minimal to no programing
• Con – possibly redesigning your website
MOBILE SITE• Separate domains
– Customise - navigation buttons Reformatimages and content
– Target keywords differently
• Links equity is diluted due to theseparate domain
• Updating the current mobile site is amust to keep up with new devices
• It’s only for your mobile
4
MOBILE SEO TIPSSEPARATE URLS?• On the desktop page, add the link rel=”alternate” tag pointing to the
corresponding mobile URL. This helps Googlebot discover the location of your site’s mobile pages.– This tag specifies an alternative URL to the desktop page.
» <link rel="alternate" href="http://m.example.com/" />
• On the mobile page, add a rel=”canonical” tag pointing to the
corresponding desktop URL. This rel=”canonical” tag on the mobile URL
pointing to the desktop page is required as it signals the relationship between the two URLs
<link rel=“canonical” href=http://www.example.com/” />
*maintain a 1-to-1 ratio between the mobile page and the corresponding
desktop page
5
KEEP RESOURCES CRAWLABLE
• Don’t use robots.txt to block search engines from accessing
critical files on your site that help render the page. If Googlebotdoesn’t have access to a page’s resources, such as CSS, JavaScript, or
images, Google may not detect that it’s built to display and work
well on a mobile browser. In other words, they may not detect that the page is “mobile-friendly,” and therefore not properly serve it in mobile search.
6
UNPLAYABLE VIDEO CONTENT
“This video is not available on mobile.”
• License-constrained media, videos that require flash or players that are not broadly supported on mobile devices should be avoided. Unplayable content is useless to both your website and your users.
7
• Use video-embedding
that’s playable on all mediums.
• HTML5 standards for
animations
• Have a transcript of
the video available (just in case)
SLOW PAGES
Page Loading time will always be important. Users can lose interest and become frustrated if they have to wait
for your content to load.
8
It takes .6 seconds for a mobile device to get a connection for a
page request. This means that each redirect adds a
minimum of .6 seconds to the load time.
Redirect directly to the correct page.
Remember, Google is trying to
take the search straight to your page. Avoid pop ups forcing extra
clicks
High-res images are a massive waste of bandwidth, processing time, and cache space.
Re-size your images.
TL;DR
• Mobile sites important? Yes• Responsive or Mobile Site? Responsive• Add rel=“alternate” tag to your desktop website• Add rel=“canonical” tag to your mobile site• Don’t block anything important in robots.txt• Make sure your Videos play and your images load• Make sure your mobile website loads in under 4secs• Pages should render legibly at any screen resolution• Mark up one set of content, making it viewable on any device• Avoid showing a horizontal scrollbar, whatever the window
size
9
INFORMATIVE SITES
• https://developers.google.com/webmasters/mobile-sites/
• http://www.smartz.com/web-development/mobile/mobile-vs-responsive-design/
• http://googlewebmastercentral.blogspot.com.au/2012/04/responsive-design-harnessing-power-of.html
• http://searchengineland.com/the-definitive-guide-to-mobile-technical-seo-166066
10
HELPFUL MOBILE TOOLS
• http://calendar.perfplanet.com/2012/make-your-mobile-pages-render-in-under-one-second/
• https://www.google.com/webmasters/tools/mobile-friendly/
• https://developers.google.com/speed/pagespeed/insights/
11