How to Improve Mobile SEO with Mobile Friendly
Along with the proliferation of smartphones nowadays, those who access the web using smartphones are increasing in numbers can even reach millions of users.
Since this has become a very important trend in the community, with many smartphone users it is important to adapt the website to the development and think of convenience for users among them in order to attract more Visitors. The convenience here is commonly called the mobile-friendly version.
Because there is a difference in display between desktop and mobile versions, if the display settings of your website don't adapt to the mobile version then the mobile users will have trouble accessing your website.
In addition, Google also recommends for websites to be friendly to mobile users so effective for on-site search on mobile or Mobile SEO.
Don't worry for you who are a little stranger about mobile SEO, mobile Search Engine Optimizer is a website display arrangement tailored for mobile users or smartphones see the look of your website, of course with measurements of Different screens and consuming less data than desktop users.
But some of the SEO rules on a desktop can also be used on mobile SEO, which distinguishes the need for concern for the display settings for mobile devices or mobile-friendly users. Here's how to improve Mobile SEO with Mobile-Friendly.
Step 1. Set the view to responsive.
A good website has a responsive display meaning the lifting of any website was opened the look of the website remains clear and good. This will be maximized if there is consistency in the content creation and maintenance of the website.
Step 2. Content display settings.
Good content for mobile websites is easy to read without having to do screen zooming and has the suitability between fonts, colors, and content layouts.
Step 3. Ease navigating websites on Mobile.
It would be very much better if a website would still be clearly visible when accessed on a small mobile device, otherwise, navigation links and buttons should also be easily reached with fingers.
Step 4. Bandwidth Data settings.
Mobile users will certainly be more comfortable if when they browse a website with the data browser that used it is very lightweight and not heavy when accessed by them, for this setting is very necessary to note for the developer's Website.
Step 5. Content Drafting.
The initial display of a website on a mobile device plays an important role for users to continually browse your website to find what content they want.
Therefore it would be better for the mobile web to ensure quality content is on the home page so that users will be easier to find the popular one on your website.
We can do optimizing this way by adding these steps.
Step 1. Select Mobile Configuration
In the configuration of mobile, 3 elements are mutually sustainable or equally important that have their advantages and weaknesses, Google revalidates the responsive website will be better if it has 3 of these configurations.
1.1. Responsive Web Design
It's been slightly mentioned in the previous chapter if Google recommends a responsive web display to be easier to access on a simple phone. Not affected by the screen size of a good website display device will still follow the device form and the size of the device.
1.2. Dynamic Serving
Dynamic Serving is a type of mobile configuration where your website URL is not changed. But HTML will provide a different display of content when accessed from a mobile device.
1.3. Separate URLs
When you perform 2 different URL maintenance one of them is for users of mobile devices and the data is again for desktop users, make sure you inform Google if you have this service.
Google will not recommend any separation of URLs because it will automatically be indicated on your mobile pages which differ from the display on the desktop.
Step 2. About Search Engines
Make sure you inform Google or other search engines if your website has a configuration for the mobile view. If you have it you just need to input this metatag to inform Google if your page is a responsive view.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
The Meta tag will determine how your website will look on mobile. As already discussed the page with responsive display has a variety of size that much depends on the screen display. The viewport statement on your webpage will give you the correct view on any device. If your website has Dynamic served, make sure Google can tell by giving the Vary HTTP Header configuration.
Vary: User-Agent
In addition, if you have a URL with a sxsx.com and m.sxsx.com, You will be able to inform Google by adding the tag "Linkrel = alternate" On the desktop version and or vice versa, following that tag.
Desktop page should have following in its header: <link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://m.sxsx.com” > Mobile page should have following in its header: <link rel=”canonical” href=”http://www.sxsx.com” >
Step 3. Avoid Common Mistakes
To further optimize your website page on a mobile device make sure you avoid committing. For that, it takes some maintenance.
3.1 Loading Page
Mobile users will be more comfortable if the website visited is not heavy if accessed, for it should need to be checked using tools-tools one of them
https://www.google.com/webmasters/tools/mobile-friendly/
3.2 Don't block CSS and Javascript
Google recommends that you use the same path between CSS and Javascripts for a friendly Mobile display, this is not a problem if you don't have a lot of data with CSS, but if you have a lot of data using CSS it would be better If at the top of the JavaScript added async attribute inside.
<script async type=”text/javascript” src=”jquery.js”></script>
3.3 Mobile Redirects
It is recommended if you maintain a lot of URLs make sure your links are relevant to each other, this will make it easier for users to access them.
3 4. Heavy Images
Heavy images can cause long loading, you will be better off separating your image server with others, for example, using a CDN server.
3.5. Plugins and pop-ups
Plug-ins such as Flash and Java may not work on mobile device users. Should be enclosed you do not have any content that uses these plug-ins on the display of your mobile device.
Step 4. Use Tools
Use tools that can detect what the level of friendly your website is on mobile, the following tools.
Since this has become a very important trend in the community, with many smartphone users it is important to adapt the website to the development and think of convenience for users among them in order to attract more Visitors. The convenience here is commonly called the mobile-friendly version.
Because there is a difference in display between desktop and mobile versions, if the display settings of your website don't adapt to the mobile version then the mobile users will have trouble accessing your website.
In addition, Google also recommends for websites to be friendly to mobile users so effective for on-site search on mobile or Mobile SEO.
Don't worry for you who are a little stranger about mobile SEO, mobile Search Engine Optimizer is a website display arrangement tailored for mobile users or smartphones see the look of your website, of course with measurements of Different screens and consuming less data than desktop users.
But some of the SEO rules on a desktop can also be used on mobile SEO, which distinguishes the need for concern for the display settings for mobile devices or mobile-friendly users. Here's how to improve Mobile SEO with Mobile-Friendly.
Step 1. Set the view to responsive.
A good website has a responsive display meaning the lifting of any website was opened the look of the website remains clear and good. This will be maximized if there is consistency in the content creation and maintenance of the website.
Step 2. Content display settings.
Good content for mobile websites is easy to read without having to do screen zooming and has the suitability between fonts, colors, and content layouts.
Step 3. Ease navigating websites on Mobile.
It would be very much better if a website would still be clearly visible when accessed on a small mobile device, otherwise, navigation links and buttons should also be easily reached with fingers.
Step 4. Bandwidth Data settings.
Mobile users will certainly be more comfortable if when they browse a website with the data browser that used it is very lightweight and not heavy when accessed by them, for this setting is very necessary to note for the developer's Website.
Step 5. Content Drafting.
The initial display of a website on a mobile device plays an important role for users to continually browse your website to find what content they want.
Therefore it would be better for the mobile web to ensure quality content is on the home page so that users will be easier to find the popular one on your website.
We can do optimizing this way by adding these steps.
Step 1. Select Mobile Configuration
In the configuration of mobile, 3 elements are mutually sustainable or equally important that have their advantages and weaknesses, Google revalidates the responsive website will be better if it has 3 of these configurations.
1.1. Responsive Web Design
It's been slightly mentioned in the previous chapter if Google recommends a responsive web display to be easier to access on a simple phone. Not affected by the screen size of a good website display device will still follow the device form and the size of the device.
1.2. Dynamic Serving
Dynamic Serving is a type of mobile configuration where your website URL is not changed. But HTML will provide a different display of content when accessed from a mobile device.
1.3. Separate URLs
When you perform 2 different URL maintenance one of them is for users of mobile devices and the data is again for desktop users, make sure you inform Google if you have this service.
Google will not recommend any separation of URLs because it will automatically be indicated on your mobile pages which differ from the display on the desktop.
Step 2. About Search Engines
Make sure you inform Google or other search engines if your website has a configuration for the mobile view. If you have it you just need to input this metatag to inform Google if your page is a responsive view.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
The Meta tag will determine how your website will look on mobile. As already discussed the page with responsive display has a variety of size that much depends on the screen display. The viewport statement on your webpage will give you the correct view on any device. If your website has Dynamic served, make sure Google can tell by giving the Vary HTTP Header configuration.
Vary: User-Agent
In addition, if you have a URL with a sxsx.com and m.sxsx.com, You will be able to inform Google by adding the tag "Linkrel = alternate" On the desktop version and or vice versa, following that tag.
Desktop page should have following in its header: <link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://m.sxsx.com” > Mobile page should have following in its header: <link rel=”canonical” href=”http://www.sxsx.com” >
Step 3. Avoid Common Mistakes
To further optimize your website page on a mobile device make sure you avoid committing. For that, it takes some maintenance.
3.1 Loading Page
Mobile users will be more comfortable if the website visited is not heavy if accessed, for it should need to be checked using tools-tools one of them
https://www.google.com/webmasters/tools/mobile-friendly/
3.2 Don't block CSS and Javascript
Google recommends that you use the same path between CSS and Javascripts for a friendly Mobile display, this is not a problem if you don't have a lot of data with CSS, but if you have a lot of data using CSS it would be better If at the top of the JavaScript added async attribute inside.
<script async type=”text/javascript” src=”jquery.js”></script>
3.3 Mobile Redirects
It is recommended if you maintain a lot of URLs make sure your links are relevant to each other, this will make it easier for users to access them.
3 4. Heavy Images
Heavy images can cause long loading, you will be better off separating your image server with others, for example, using a CDN server.
3.5. Plugins and pop-ups
Plug-ins such as Flash and Java may not work on mobile device users. Should be enclosed you do not have any content that uses these plug-ins on the display of your mobile device.
Step 4. Use Tools
Use tools that can detect what the level of friendly your website is on mobile, the following tools.
- Google Webmasters
- Mobile Emulator
- Moz Local
- Responsive Web Design Testing Tool
- Screaming Frog
- User-Agent Switcher
Posting Komentar