 |
| Does Responsive Design Affects Your Blog SEO |
What is responsive design in SEO ?
Newbie are not familiar with the term responsive design. Its the arrangement of Blog images optimization, contents and loading speed of a website, making these things easily available, friendly and view able with a perfect screen size on different devices Like PC,Laptop, Tabs and Mobile.
Simple means when windows move size mini or max than blog layout look good and arranged from every aspects.
Non-responsive Blog:
Let have an example of a blog which is non responsive...
As you can see its works perfectly on wide screen size but when we visit through tabs or mobiles its header , sidebar and footer etc are not looking good and wide as compare to device screen.
I think this is the biggest lose for the blog and their team, just because of non repressiveness, they are losing their audience and future traffic as well...
Does Google Prefer Responsive Design?
Yes ... !!
Google recommends Responsive easiest design pattern.Its a way to automatically scales a blog contents and other sections to match the screen size on which it is viewed.It generates a different version of HTML for different device types based on Blog Resolutions and View port.
Google recommends Responsive easiest design pattern.Its a way to automatically scales a blog contents and other sections to match the screen size on which it is viewed.It generates a different version of HTML for different device types based on Blog Resolutions and View port.
So firstly match view ports:
Past the below code just after the <head> tag.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
If you want to make your blog Responsive than use this queries format and past all the classes and ids with the Screen Size.
@media screen and (max-width : 1280px) {
/* For Size Screen Less than 1280px —*/
/* CSS CODE HERE FOR DESKTOP —*/
}
@media screen and (max-width : 1024px) {
/* For Size Screen Less than 1024px —*/
/* CSS CODE HERE FOR TABLETS —*/
}
@media screen and (max-width : 768px) {
/* For Size Screen Less than 768px —*/
/* CSS CODE HERE FOR SMALL TABLETS —*/
}
@media screen and (max-width : 640px) {
/* For Size Screen Less than 640 —*/
/* CSS CODE HERE FOR IPHONE —*/
}
@media screen and (max-width : 480px) {
/* For Size Screen Less than 480px —*/
/* CSS CODE HERE FOR SMARTPHONES —*/
}
@media screen and (max-width : 320px) {
/* For Size Screen Less than 320px —*/
/* CSS CODE HERE FOR SMALL MOBILES —*/
}
A blog contains the following class and ids:
1. Header
2. Post Body
3. Sidebar
4. Footer
If you are unable to do it by yourself than contact to author of the theme . You can search a different blog theme , there are bundles of websites who provide first class and high feature blog theme which are responsive and user friendly...
When user come thought Google and see layout is not friendly and responsive than his or her experience with your blog is not good by any mean. Because nothing is perfect from top to bottom , than move back and go for next blog.
Reasons:
- Font size on smart phone
- Header size and width on different Devices
- Post section size
- Sidebar Position
- footer size and width
All these things are not specified and costed a lot of problems.
This is how you lose a lots of traffic ....
Finally, its clear that a responsive blog is much better than non responsive in the definition of SEO as well as user experience and traffic.
So Create your Blog today, upload a clean and responsive theme and start your Journey with google adsense.
Keep Blogging ...
Related post: Does images sent relevance signals to search engines?
0 Comments:
Post a Comment