There is a tremendous increase in mobile phone usage all over the World. This along with technology that allows website visibility on the phone more and more users are searching online. The design and development of websites differs whence the screening is concerned on mobiles.
The mobile friendly features can be incorporated in a manner such that the friendliness relates to its screening on our desk top as well as on our handsets.
It is well known fact that search engine algorithms have difficulty assessing Java Scrips and Flash Pages. The latter also drags down the websites and slows their downloading speed. Hence these elements have to be avoided or restricted.
Fetch as Google is an ideal tool in webmaster to ascertain that the sites is being indexed properly. Another useful element is the robot.txt file which enable search engines to accept or neglect pages for indexing. In case robot txt file is not incorporated than that means no pages are restricted.
Xml site map is another useful website element that help SE robots to find pages to index.
Some other points of interest are:
Link are too close
Fonts are not of proper size (Small or Too Large)
Viewport is not configured.
Configuring viewports meta tag file
<meta name=viewport content="width=device-width, initial-scale=1">
View port also controls device pixels,hardware pixels and CSS pixels.
The content of your pages should fit within the size specified in the viewport.
Media Css
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:767px) {
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:320px) {
}
