Good and Wrong Web Page Design Practices
According to Microsoft research, the first ten seconds are critical to the decision to stay on the page or not. Therefore, it is necessary that the player is kept from the appearance of the page, from its introduction: inform about the value of what you offer in 10 seconds.
Because they are often disappointed with what they have seen before. But if they stay on the page for 30 seconds, there's a good chance they'll read it in its entirety. To take the course for 10 and then 30 seconds, a web page must be designed in a certain way, not only when in design, but for everything it contains .
Here's what to do and what to avoid when designing pages not only for users, but also for search engines .
What to do
- File names
They contain keywords that characterize the page, separated by dashes (bakery-confectionery .html). The same goes for anchors within pages. - File size
It can range from 10K to 100K. A page that is too short is likely to have no backlinks, but if it is too imposing, it will discourage readers. - Page Title
It should be a phrase, not a set of keywords, 50 to 80 characters that describe the site and can use promo terms. - Page text
Netizens do not read, they "scan" the page. They are reluctant to read long lyrics not separated by subtitles.
Use CSS to separate the content (and therefore highlight it) from the presentation.
Use the <strong> tag, which is a semantic key figure, not <b>, which is a view key figure. - Subtitles
They should summarize the section or ask the question to which it answers, and contain the key keywords of the section. - Images
The alt attribute must contain a description of the image. - Internal communications
Preferably with a full URL assigned to href, but this is optional. Each page must be linked to another, and the home page must link the main internal pages.
Internal references tend to appear in context, that is, in the text, rather than at the end of the text, unless they have a common meaning. - External relations
At the end of the text, it is better to place external links (so that visitors do not continue reading on another site) if the content is not required before the page is read.
Links only to sites with high-quality and relevant content.
What to avoid
- Personnel.
May interfere with indexing robots. They are now being removed by all professional sites. It does not facilitate reading a page from another page and, therefore, is intended only for private sites. - File names.
These should not be numbers (1345.html) or too common names (bolangerie.html), except in a subdirectory with a meaningful name. Nor linking words (Passerie.html bakery), even with a capital letter, or even separated by an underscore (boulangerie_patisserie.html). But meaningful words, separated by dashes. - Page title.
Avoid untitled pages. If you do not use the <title> tag in the <head> section, you can give a title with the <h1> tag in the body of the page. Each page should have a different title than the others. - Page text.
Unstructured long texts will only rarely be read by visitors. - Subtitles.
Do not use headings in one word or make from such common words as "Entry into business," "And now," etc. - Images.
The image-only page will not be indexed by search engines. Images will not be indexed or rarely indexed without an alt beacon. - JavaScript.
Avoid creating page content or loading other pages. Useful for Ajax, forms, etc. - Internal and external communications.
Do not link to pages with a different theme.
There is no need to repeat the internal connection in the main text, a reference is enough, even if the corresponding word is returned. - Flash graphics format.
Avoid.
See also Website quality and how to create a home page.