The 10 steps to creating a website

By admin / February 25, 2019

The creation of a site is done in a few steps. Planned, based on a good foundation, it will have a good chance of success and meeting the Internet.

1) Define the type of site:

The main kinds of website:

  • Showcase of a product or company.
  • Site based on a theme (a technology, a sector of activity)
  • Educational site, containing tutorials.
  • Software.
  • E commerce.
  • Forum.
  • Blog.
  • Service.

The type of site will determine the tools to use, especially if you plan to use a content manager to facilitate the creation. Note that a forum, blog or directory may accompany a portal site, and this increases the number of visitors.
It remains to be seen if the site will have a growing audience, which is usually the goal of the webmaster.

The online store if it presents products with descriptions similar to what is already on the Web, will be penalized by Panda .
If you also place links on many directories to make it known, it will be penalized by Penguin.
Its only chance of success is in the sale of unique products, but it is a gamble, because a large commercial site will be able to take an interest in these products in the future, and engines favor large sites.
The blog or the technical site, if they talk about things that you are alone to know can also have a success, since you know how to interest the public, which will depend on your sense of writing.
News site and forum have no chance of success nowadays unless they are dedicated to a product and be the only ones.
Your main chance of success if you know how to program is in the creation of a service, provided it is unique. Your dependence on the engines will be minimal.
It is always possible to find an original idea, see as examples the list of the original sites in the links at the bottom of page.
2) Choose the theme of the site and its audience:

For optimal indexing by search engines and a better positioning in the results, a site should be devoted to a single theme, well defined. The first step is therefore the exact definition of what the site will be dedicated to.
The audience for the site must also be well defined from the start.
In the same site, multiple themes is not desirable at least at the beginning. Conversely, it is not desirable to create several sites on the same theme, a single site more complete is preferable.

3) Choose a domain name:

The name of the site can be assigned to a sub domain, which is a directory in a host, or a domain name . Choose a name knowing that domain names have value .
Even if you have free hosting with a sub domain, it is better to register a domain name and point it on your sub domain. However the profit remains limited.

A name too long, with more than three significant words. The words without accents are not a problem, but if in the future the accents become common, there will be a risk of competition, we must think about it.

4) Choose an accommodation:

If you do not have hosting that is available with your Internet access or if you prefer a hosting with DNS management (which is not offered by the providers of access), the comparative of the lodging of sites will help you to choose the one which is suitable the best for your site and the importance of planned visits.
Pay attention to the warning signs that announce the bankruptcy of the host. As for example a break of service repeated several hours. Consult the list of web hosts , a selection that will protect you from a misadventure.

5) Static pages or CMS:

There is an increasing tendency to use a CMS or content manager like WordPress to create a website, and most often it is not necessary. The attraction of such software is that it integrates a system of comments alongside other services such as the blogroll and the tag cloud.
These last two tools are less and less used because they can affect the positioning in search engine results pages that penalize more and more artificial links or excessive.
As for comments, thanks to the online services provided by Discus or Facebook comments, they also become accessible to static sites. Then remain the themes and other plugins found on CMS. These advantages can become inconvenient when the CMS is updated but the plugins or the theme are not!

Finally, if it is simpler to create a new page on a CMS, when you want to edit it, it becomes more difficult to access it. So we will choose a CMS for an e-commerce site or a blog, and we will avoid for other sites …

To make a static site, it is sufficient at least, to download a page in the space provided by the host, this page being named index.html .
Knowing the HTML syntax is not essential, you can edit the page on a word processor like Word or LibreOffice or a Web page creation software (see list in links) and save it in HTML format.
An ftp manager like free FTP or PHP FTP Synchronizer (on this site, open source), will transfer the pages on the space provided by the host.

6) Create content:

Ask yourself a series of questions to prevent the site from being deemed of poor quality by search engines as well as readers.

  • Is the content original? (A search on the title and subtitles may be useful).
  • Your site must be different, add something more to what is already on the web.
  • Will you be trusted by reading your pages?
  • It depends on your references, but also the details you will provide.
  • Do you give visitors what they ask for?
  • It may be useful to submit the site to third parties to get their opinion.

Visitors will want to read several pages, put them in bookmark, click on the Like button or +1.
It depends as much on the interest of the content as the presentation, which is justified by the following section.
Here’s how Google defines quality for a website, according to a summary of Google’s listing . Style guide by Google . The best is to start with good style rules. (English).

To go beyond the textual site, and offer visitors an elaborate layout, a specialized HTML editor becomes indispensable, accompanied by drawing tools or image generators.
The alt attribute of the img tag is a textual alternative to the image and is recommended. It contains a description of the image (not the page).

7) Page 404:

When the server does not find the page requested by the browser, it returns an error code 404. It is necessary to avoid that the user is faced with an error message for better ergonomics. To do this, we create a special page that will be displayed instead of the page not found.
Remains to redirect the visitor on this page …
Note that under WordPress and other CMS, error redirection is already taken into account by the system.

The domain name should not be included in the URL as this hinders the search engines. Indeed it replaces the code page 404 with a code 200 normal loading. Google will decline your sitemap if a full domain name URL is used for error forwarding.

Instead of making fun of the visitor (see the 4 examples on pages 404 on the right), we can instead create a smart 404 page.The idea is that page 404 offers a list of links related to the missing page that is requested by the user. This is easily done in WordPress thanks to the tools on the keywords. Or even simpler, insert a search field in the error page.

8) Enter Web 2.0 with JavaScript, CSS, Ajax:

Creating a Web 2.0 is now possible and this is the subject of an article on this site.
This consists of the use of dynamic site techniques described above, but also the use of special libraries, which are combined to create new services.
Modern sites are based entirely on the provision of a Web service using new Web 2.0 technologies and are the subject of transactions in millions or billions of dollars.

JavaScript:

Scripting language that is embedded in the HTML code of the web page. It allows you to modify its content, for example to process forms.
To learn more about JavaScript , find tools and tutorials.

CSS:

The use of style sheets will also be necessary for a really serious site with a reusable presentation, or to modify the presentation depending on the device (PC, mobile).
It is better to use CSS as soon as the site is created. A complete model is proposed on this site in the CSS section.

PHP:

PHP scripts are placed in an HTML page, but are executed by the server. This generates a new page according to the instructions of the script.
ASP is an alternative to PHP that only works on a Windows server. Other languages ​​can be used for the same purpose as JavaScript with Node.js.
With XAMPP , you can run PHP, Apache and MySQL locally before going online on a website.

Ajax:

This is the joint use of JavaScript and possibly a server-side language such as PHP or ASP. Pre-defined frameworks of applications make the task easier by providing commonly used functions.
You can use a simple library like Anaa or a more powerful Ajax Framework like j Query , the most commonly used.

9) Be ready for search engines:

SEO is about making your site known to the public otherwise it can be completely ignored.
You can start with an inscription on the directory. But it can take time. In the meantime you can register the site on some directories.
For more information on SEO, see the SEO manual . First and foremost pages must be prepared to facilitate indexing by the engines. It depends on their structure and metas.

Meta-tags
Meta-tags are tags whose content is not displayed but which are taken into account by search engines. There is a quantity. Only some of them are really important. The <title> tag. It contains the title of the page. It is recommended by the HTML specification. This title must be different for each page. It should not be a list of keywords but a descriptive sentence. The title must be attractive, it appears in the search engine results and we must want to click on the link.
Note that if the tag is omitted, Google will use the first title tagged with <h1> </ h1> or else, h2, h3, and so on.

The meta description:

It allows to choose the snippet, the descriptive text in the results pages and must therefore be attractive. When it is omitted the engines make a snippet from the content of the page, often with the first paragraph.

The viewport tag
<meta name = viewport content = “width = device-width, initial-scale = 1”>
It informs browsers on mobile that the page must be adapted to a smaller screen. This has no effect on the desktop or tablets.

This is accompanied by a CSS rule for small screens: variable page width, variable separating links by a height of at least 22 pixels. (You can look at the bottom of the style sheet on this page for an example).

The robot tag (option)

Its format is: <meta name = “robots” content = “”> and it is placed in the <head> section too. It is intended for search engine robots.
The content is from one to three words separated by commas:

Index, noindex: index or not the page.
follow, nofollow: take into account the links in the page, or not.
archive, noarchive: cache or not.
all = index, follow, archive.
none = noindex, nofollow, noarchive.
We can omit the tag, it’s equivalent to <meta name = “robots” content = “all”>

The rel = canonical attribute

This is the fourth indispensable meta, it indicates which page should be indexed when several pages are identical. See the canonical script for more info.

Special files:

The site map (option)

The sitemap is recommended by Google to help its crawlers. However, most often the effects are null, creating and saving a site map, even in the standard XML format of sitemaps.org , does not allow any progress in search engine results and traffic. Nevertheless, some sites do not have all their pages indexed and in this case the sitemap is essential.
If you want to create a sitemap, use a free software like Simple Map instead .

The RSS feed (option)

Building an RSS feed from your site to advertise the latest articles or pages chosen is not difficult if you install the free online RSS editor ARA . It is an effective promotional tool as explained in this article .

The robots.txt file (option)

It is not really necessary, but allows to forbid the engines to scan some files useless or under construction. Google provides a guide for making this file: Getting started with robots.txt which gives the list of guidelines to search engine robots.
Robots can also be instructed in robot metas or the .htaccess file.

10 tips from Google .

Keywords:

Google says it: make a site for users and not for search engines! But for the engines, only the texts and the criteria that make your page deserve to appear in the results the first of them being the significant words.
This remains the choice of the webmaster to make a site around the articles that you want to write, or write the articles that will have the best chance of getting a large audience
But whatever the choice and the level of involvement, all that engines see is a set of words.

It is therefore necessary to insert the most significant keywords for the page and all the synonyms. Knowing that those at the beginning, in the title and subtitles are considered more important.

Ad word Keyword Planner gives you keyword group ideas based on a theme or word of departure. Since the tool is for advertisers for Ad sense ads, the results are what people are looking for.

10) The maintenance of your site:

How many links to your site on search engines? Once SEO is completed, after a month, you will want to know the result. An estimate of back-links  can be obtained with Google Webmaster Tools and Bing Webmaster Tools .
From time to time, preferably once a month, we must check if the links on external sites are still valid. This can be done automatically with a W3C service, check links .
If the site is created on Windows, using a Linux Live CD lets you see what it looks like under another system. The Mandriva Live CD is the fastest and most effective way to recognize material.

About the author

admin