What is a quality site?

Google now has an accurate definition of what a quality site is. The link gives us it at the heart of the page.

On this page we will see the criteria that determine the quality and modern site from the point of view of the visitor...
They become even more important after the efforts of search engines to filter sites in search results depending on their quality .
Although the quality of the site has always been relevant, it gained particular importance in April 2011 with Panda Update, an update to Google's algorithm to eliminate poor quality pages and which even goes further, fining the entire site if some of its content is not valued by users and does not receive feedback .

Site de qualité

Maslow criteria
According to Maslow, the design of the site should correspond to the hierarchy of needs in descending order :
  1. Accessibility. The content of the site should be easy to find and use for everyone .
  2. Stability. The site consists of all pages.
  3. Ergonomics. It's easy to use.
  4. Available. Still online.
  5. Functions. Offer services that the user appreciates.
  6. Flexibility. It adapts to the user's needs.

Here are in detail all the practical elements of the site, supplementing and consistent with Maslow's criteria. At the end of the page, you will find a link to the criteria given by Google.

Domain name
Have a real domain name rather than subdirectories on the collective site. Name semantics must be associated with site content.
Structure
To create a page well thought out for placing elements where visitors are used to finding them when it comes to practical information, but you can show imagination when it comes to content.
The most common position is the following:
1) Header. It contains a logo and additional elements. It's not a good place to advertise.
2) Sidebar on the right or left. The right side makes the site more accessible to mobile devices.
4) Text.
4) Footer containing practical references such as terms of use. Links to partner sites are ignored by both engines and visitors. In too many numbers, they fine the site.
Contents
Full, consistent content in good French and original language will attract links to the site and, therefore, a note for search engines.
To be original to search engines, content must contain text with keywords not contained in such articles.
Text must be multilevel with <h2>, <h3>, etc. tags and have a header in the <h1> tag. Do not use these tags as layout elements; CSS style sheets exist for this.
Images and widgets
Content can be supplemented with services such as Google Maps.
Modern site with pictures and videos. See how to create a gallery of images or use lightbox to show an image, text or form.
Communications
Without link breaks, do not link interest-free pages and links to pages whose content is not closely related to your page. Check for broken links regularly.
The " title" attribute of the <a> tag allows you to display a message when the mouse stops at a link. Similarly, the "alt" attribute provides information about images .
Navigation
All pages of the site must be accessible directly or not from the home page. The ideal is that at least every folder is linked on the home page. It can be replenished with a site map.
Visitors
1) Should return to the site often: they will do it because they will find useful links, unique content, attractive presentation there.
2) Must stay on the site for a long time: the pages are interconnected, the content is interesting. You can use the tricks of a novelist, arouse interest and even create suspicion!
Name
The title of each page must be different from the other pages.
In the search engine results, click on the page. This requires a title and description that encourages you to choose this page over another, even if it was placed earlier.
The title is placed in the <title> tag in the <head> section of the page source code, as well as in the <h1> tag in the page body. To do this, you can use PHP :
<$title="Mon titre"; 
<title><?php echo $title?></title>
<h1><?php echo $title?></h1>
Description
Add a meta description to view the page. Otherwise, the search engine at the beginning of the page takes an excerpt of the results pages, or by concatenating sentences :
<meta name="description" content="ici la description de la page">
Style sheets
Using CSS distinguishes between a quality site and a beginner site.
CMS or Template
Use CMS if your site is designed to post news or blog. This provides tools that automate tasks, such as searching for related articles. Otherwise, use templates in PHP to standardize the appearance of the site.
The basic PHP template looks like this:
<?php
$title="Mon titre";
include("top.php");
include("sidebar.php");
?>
<body>
...
</body>
<?php include("footer.php");
Favicon
This image appears in the URL bar to the left of the site name. See the graph page for how to create a favicon on your site. This can be done in 5 minutes.
Speed
An important criterion was the download speed. The page can be accelerated by reducing the number of frames or improving compression by moving from PNG to JPG. There are also better PNG compressors, see the list of tools.

Also see What is site quality for a search engine. How he can appreciate that. And if you read in English, then Why our newspaper is dyeing, a summary in texts and images of bad practices.

Templates

This is a list of sites where you can customize templates for page design. Note that the variable width interface, also called "expandable," which is suitable for screen width, is preferred because internet users do not necessarily have the same screen resolution as you.