How Accelerated Mobile Pages (AMP) Affects SEO – Why it’s Important and How to Implement it

Accelerated Mobile Pages (AMP) is out and has been speculated to have two benefits for SEO. One is it will have a “Fast” label designation on search engine results pages, and the other is that it will be a ranking factor. As to how much of a factor, that is yet to be seen. I’ll take you through what AMP is and how you can use it to benefit your site’s mobile visitors.

What is AMP?

Accelerated Mobile Pages is an open-source coding standard for publishers. The aim for AMP is for publishers to be able to load their sites quickly on mobile since mobile responsive could be clunky and slow because desktop resources are heavy and plenty. If we’re going to be honest with ourselves, most of the elements of a desktop website is unnecessary for a mobile site.
Until recently, AMP was just for User Experience. Now, Google has backed it up – and is encouraging websites to follow suit. Much like how they heralded Schema.org and laid-low Dublin Core for Metadata.

Why is AMP Important?

Ever tried to load your site on mobile? Are you happy with the load speed? I know I’m not. Heck loading my site in desktop is taking long and I have a respectable amount of speed for my internet connection – but mobile? All I have is usually a clunky data plan with the mobile providers here in the Philippines.
Simply put, browsing on mobile while you’re on-the-go will mean that your internet speed is not always fast. So it’s best to optimize the experience of mobile browsing for all users (at least that’s what Google wants to happen) by standardizing a mobile version of your site with AMP. I’ll show you how to do it below.

Who will Benefit the Most from AMP?

I don’t believe that you’ll want to make your services or product landing pages into AMP. It would be stripped down of its first-impressions. That would defeat the purpose of your original design. So I don’t believe that everyone will be adopting AMP.
Thinking about our SEO Services site and how it would look like with AMP is just unimaginable. I think I’ll leave it as it is, thank you.
The sites that will benefit the most from AMP are publishing sites. Sites that produce content. So how you’ll apply this to your client is not by making their entire site into AMP. That might affect conversions negatively. Rather, you can transition your client’s blog section or news and updates section into AMP.

Actual Sites that Prefer Loading AMP

Try opening an article from Twitter from the native mobile app. you’ll notice that Twitter has its own browser now – and it’s not really loading sites fast enough. But if a site is using AMP then it loads fast even with Twitter’s native browser.

What’s the Difference Between AMP and Non-AMP Mobile Browsing?

One of the starkest differences is that AMP pages does not have a lot of stuff for a more complex user experience. Everything is stripped-down.

1. AMP forces you to use a streamlined version of CSS.
2. Javascript is not allowed at all – in fact, I’m still trying to figure out how to make share buttons appear on my AMP pages.
3. You are forced to use an off-the-shelf Javascript library that AMP provides you with – which forces your images to lazy load.

That’s it. Basically when you integrate AMP to standardize your mobile responsive pages, you are putting speed and readability as top priority over anything else – even over shareablility.

How can I Make AMP Work for my WordPress Site?

Here’s where things get interesting because you can actually integrate AMP in about 5 minutes for your WordPress site. Simply follow these steps:
1) Install the AMP WordPress plugin by Automattic
2) Activate the plugin – what it will do is append /amp on all your pages but what it won’t do is redirect mobile visitors to your /amp pages
3) So the next step is to edit your .htaccess file – you could use an FTP program to do this. I personally use Filezilla.
4) (Optional) Just in case you want to check if your AMP pages are working across the board: In your .htaccess file, paste this code:
RewriteEngine On
RewriteCond %{REQUEST_URI} !/amp$ [NC]
RewriteCond %{HTTP_USER_AGENT} (android|blackberry|googlebot\-mobile|iemobile|iphone|ipod|\#opera\ mobile|palmos|webos) [NC]
RewriteRule ^([a-zA-Z0-9-]+)([\/]*)$ https://example.com/$1/amp [L,R=302]
Note that you have to change example.com to your site’s domain name. I explicitly made the redirect into a 302 because we don’t want all the to link equity to be passed on to your /amp pages since it’s merely an accelerated mobile page version.
5) Lastly, you will want to edit the CSS to make your Accelerated Mobile Pages look and feel more like your site. You can edit the CSS using FTP by going to your wp-content -> plugins -> amp -> template.php
You could see that SEO Hacker’s Accelerated Mobile Pages still look and feel like our desktop page design – without all the fluff.

ReadMore>>

Most Important On-Page Optimization Techniques

Title Optimization:

A site’s title tag is the most important website optimization component. A title tag should be short but description enough for visitors to identify the website.

• Your Name/ Business Name / Site Name is very important for flouring suggest. If you feel that your customers may search you by your brand name than it’s also useful to put it somewhere in your title.
• If you want to rank for a particular keyword it is always good to place some in your title tag. A Title tag represents the whole flavor & content of your website.

Coding:

<TITLE>On Page Optimization</TITLE>

Meta Tags Optimization:

A site’s Meta description should contain a brief description of your website. This small text can be considered as a selling snippet, if a searcher finds it appealing he is likely to click and go inside your page to find out more information. But if your Meta Description is too generic and isn’t written too well then there is a good chance that your site will simply be ignored.

Coding:
<META NAME="DESCRIPTION" CONTENT="Optimizing On-Page Factors for Search Engine">
<META NAME="KEYWORDS" CONTENT="separated by a comma,but not a space">

Keyword Optimization & Synonyms:

Your site’s content wants to be modify in intensive way that it will be suit both search engines & your readers. Filling your site with more keywords can make your site unreadable. So you will need to have some sort of balance between your keywords & your content.

• Keyword Research: Should take a reesearch before you decide on your keywords. Too many free tools are there that can help you to do keyword research. Some of my favorites are: SEO book Keyword Suggestion tool, Google Adwords Keyword Tool & Overture Keyword Tool.
• Keyword Density: Try to have a moderate keyword density so that it can help the search engine to determine that your page is indeed related & relevant to the keyword that you are targeting.
• Synonyms & Related Keywords: I personally like to use synonyms instead of having a high keyword density. This helps to make my content sound natural but still helps in SEO.
• Long Tail Keywords: It’s often good to target some long tail keywords as they are comparatively easier to rank for. During your keyword research you should be able to gather some good long tail keywords that you can optimize your site for. But you can also come up with your own long tail keywords; for example try adding some common words like – ‘best’, ‘free’, ‘cheap’, ‘top’ etc. along with your actual keyword and you might eventually get some good long tail keywords.

Link Optimization:

It is important to optimize your internal & external outbound links for search engines and also navigate your visitors.

• Try using good Anchor Text when you are linking to other people. Include the appropriate keyword in the anchor text which gives the outbound link a ‘proper meaning’ and value.
• A good & clean Internal Link Structure with proper use of anchor text will definitely useful.
• If you are using a CMS, then try using permalinks. This way your keywords/post title will be on the link itself and thus it will valued more by the search engines.

Image Optimization:

If your site has lot of images, you need to optimize them too as they can’t be read by the search engines. It’s very easy for a human reader to interpret the image into its meaning. However for a Web crawler the whole interpreting process is completely different. Search Engine spiders can only read text but not images. So you need to use some special tags for your images in order to give them some meaning.

• Alt text : ALT text or Alternate Text is the text to describe your image when your mouse moves over an image on your web page. The text should be meaningful but short. You can use your relevant keywords as ALT text. If your browser can’t display the image for some reason, the alt text is used in place of that particular image.
• File name : always use meaningful file name for your images, use names like “apple-iphone-cover.jpg” instead of meaningless “DSC24045.jpg”. Keep image file name same or similar to the ALT text.
• Image Title : always use the title tag in images which will show the title as tool tip when a user moves his mouse over the image. Example of an image with title tag: [img src=”http://imagelocation.jpg” alt=”Image description” title=”Title of the Image”]
• Image Linking : Whenever you want to link to your image, use the image keywords in your link text. Example: use “view an Apple iPhone”, instead of “Click here to view” as the anchor text.