Pages having Web Design tag
Alinous Document CMS has action recorder engine to capture mouse actions. It can generate 2 types of heatmap.
By using this function, you can check the user experience on your landing page and whole website.
Feature of Web Action Recorder Engine
The Web Action Recorder engine has following functions.
- Capture the mouse actions
- Replay captured action
- Generate mouse move heatmap as eye tracking
- Generate scroll heatmap to check scroll reach
- Archive website's archive with version
You can use these function for following web marketing needs.
Check if the sales copy for advertisement works correctly
When you use internet advertisement, the first and most important metric is bounce rate of the landing page.
When you write website about learning contents, each page become longer than general website. Then you have to contrive to make the page useful.
This Content Management System has useful template parts for documentation sites.
Documentation site has long pages
There are following websites for which long pages are necessary.
- e-learning sites
- "How to" sites
- SEO friendly answer contents sites.
Writing long page is effective for SEO, that is because the possibility that the page has many information about the demand of search engine users.
Links are useful to show another pages which are demanded contents for readers, but essential information had better be included in a single page.
After install the Content Management System, view the default demo site, you have to set up the system to your own site. This page shows you how to set up the CMS.
Set up your Website on CMS
In order to make your own site, you have to set up the CMS data at first. Click the "Article and Pages" button to open the document editor.
Then following document editor is shown.
The Content Management System has template engine which can handle Html5 Components.
Html5 and Style Sheet Design
At first, you may do is customizing the design of Html5 Components. By editing Html and Style Sheet, you can modify your own parts.
When you edit them, you have to use Primitive Template(Html5 Component) editor. in order to open the editor, click the "Primitive Templates" button on the top page of the CMS administration console.
By clicking it, following page appears.
The Top and Container Templates are to layout Html5 parts. You can edit them with GUI editor on the web browser.
Edit Layout of the Template
In order to change the layout of template, we can do that with GUI editor.
Click the "" button on the top page of the administration console.
Then following page appears.
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.
After installed CMS, let's explorer the demo website which is initially installed. You can understand what this CMS can do by viewing them.
Default Web page
After installed Content Management System, default demo website is in the database. You can explorer the web by accessing following url.
This demo site is created with responsive web design. Therefore by narrowing the web browser's width, you can watch the view of smartphone and mobile.
By accessing following url, login form of the administration console appears.
When you do content based SEO, each content become longer than usual case. Then you will use links for named anchor.
Usage of content index in this website
In this website, it is used for main contents. They are long and have index part at the top of article body part.
It is very useful, because when you write a content, there are many opportunities when you divide it into multiple pages or not. But the page's usability is up to the content, and it have to as possible as we can.cover much information for current theme
It is appreciated by the search engines, therefore we have to think how to make the page useful, if the page become long.
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.