Pages having Mobile and Smaprtphone tag
There are some types of crawlers of Google. They has each role and timing to come. By watching crawler's log, the action and role can be guessed.
Watching crawler's action
By using log analyser for Google crawler, we can check the action of crawlers. By checking them, we can check the detail status of our website.
Google crawler's types
There are following crawler types. We can detect the types by the user agent.
- Default Crawler
- Image Crawler
- Smartphone Crawler
- Mobile Crawler
- Feed fetcher
The Webmaster Tools shows crawling times on Crawl Stats page. Following picture is this website's statistic data.
In order to make CMS template, we have to make templates itself and the components ready for responsive web design. In this page, I'll mention how to do that.
Template Parts in the CMS
Thr CMS templates consists of 3 types of parts.
When you create a template which is ready for responsive web design, you have to make the Style Sheets ready for that.
The Style Sheet setting is available on all of the templates, and they are included in generated Html's header automatically. Therefore you can check them partially by itself.
The component based template engine of Alinous Document CMS consists of 3 types of ones.
Architecture of Template Engine
The component based Template Engine has templates to layout components and Html5 based components.
The Top Template and Container Template are to make layout of Primitive Templates(Html5 Components).
And the Primitive Template is most basic part of CMS Template. You can make widget on the pages, which are like article part, header, footer part, bread list and so on, by using it.
Now I'm checking the Template's style sheet in order to make this site smartphone friendly.
When I check it, following errors appears.
There are stuffs to "Consider Fixing", but four rules seem to be passed.
- Avoid plugins
- Configure the viewport
- Size content to viewport
- Use legible font sizes
The rules seems not so difficult to pass.
Accesses from smartphone increases, and making web pages for mobile is necessary to create a website to collect access from the search engines.
Create a website cope with mobile access
There are mainly two ways to create mobile friendly website. Each of them has merit and demerit, but I recommend you to create normal pages by responsive web design.
Responsive Web Design
The responsive web design is a method to use same html file cope with both desktop pc and mobile browser. Therefore it is easy to maintain the code.
And the search engine crawler can index and analyse page by crawling single page. Because the speed of indexing is faster than making mobile pages. But it does not affect ranking.
In addition to that, by using CMS template engine, you can manage the design more easily. By adding following codes, web browser uses suitable Stylesheet for the browser's device width.