The browsers we choose
Now let's talk about browsers. And what to say about them, you say, and so everything is clear - this is the program with which we look at Web pages.…

Continue reading →

The main types of user interface buttons
Buttons are one of the most famous interactive user interface elements. They play a very important role in creating user interaction and creating a positive experience. Continuing a series of…

Continue reading →

Interactivity! What? And How?
Initially, there was a network, then e-mail appeared, and people began to correspond. They wanted to tell about themselves, share information - the World Wide Web (WWW) appeared. But static…

Continue reading →

Fighters of the invisible front

If you haven’t guessed yet, then I mean META tags. Their role is not noticeable when displaying the page. These are just commands for a web server or browser, but the commands are important, and using META tags correctly gives us some advantages.

Remember! All META tags do not carry visual information and should be located in the <head> </head> section of the document. In any other place they will be ignored.

It will probably be most convenient to talk about META tags on the example of everyday tasks that arise during layout. And it will be more useful than a pure theory.

Auto redirect
Sooner or later, we all face the fact that the site is changing hosting. And in this case, it can no longer be contacted at the old address. But we don’t want to lose our visitors? Therefore, usually in the old place they place one page with information about the new site address. But it will be much more logical to make sure that in addition to the information the browser itself goes to a new address. And this is not difficult to do thanks to the META tag with the “refresh” parameter. Here is a sample code:

<meta http-equiv = “refresh” content = “3;
url = http: // “>
In this example, we instructed the browser to automatically go to the page at after a 3 second delay. The delay is needed for the user to read the information.

Preparation of pages for search engines
In addition to the correct registration of the site in the search engine (see the previous article), you also need to prepare our pages for their correct indexing. Unlike directories, search engines take keywords and a description of the site directly from the page code. For this purpose, there are two META tags – “description” and “keywords”. The first is responsible for the description of the site that will be displayed when responding to a request, and the second determines the keywords when searching.

Here it will be appropriate to say that not all search engines adhere to such a technique. Firstly, many systems check that the content of keywords matches the main text of the page. Secondly, you cannot repeat keywords several times – you may not be included in the database at all. Thirdly, full-text search engines analyze the entire content of the page, but the keywords in them take precedence in the search.

If you have already prepared a site passport, then you already have keywords and a brief description. For my site, for example, two lines of code for search engines will look like this:

<meta name = “description” content = “Design and manufacture of web sites,
their support and promotion on the network. Web design articles and links,
useful recommendations. “>
<meta name = “keywords” http-equiv = “keywords” content = “design, design,
web-design, web-design, web-mastering, web, web, www, support, promotion,
advertising, banner, banner, button, optimization, articles on web design,
web design links, gif, jpg, HTML, JavaScript, CGI, SSI, ASP, cherry,
cherry “>
For a wider reach of the potential audience, the keywords and description of the site are recommended to be adjusted in accordance with the meaning of this page. This will increase the likelihood of getting to your site. Let’s say for this article I will adjust the description and keywords as follows:

<meta name = “description” content = “Using META tags on pages.
Typical tasks and their solutions. “>
<meta name = “keywords” http-equiv = “keywords” content = “design, design,
web-design, web-design, web-mastering, web, web, www, support, promotion,
advertising, banner, banner, button, optimization, articles on web design,
web design links, gif, jpg, HTML, JavaScript, CGI, SSI, ASP, cherry,
cherry, META, keywords, automatic redirect, redirection “>
The general description of the site will remain for the “neutral” pages.

Disabling page caching
For a certain range of tasks, it is necessary that the page is loaded from the server each time, and not from the cache of the web browser.

First of all, it is necessary for sites that deliver dynamically changing content. For example, a search result on a site, a dollar exchange rate in real mode, an electronic store or a regular chat. In these cases, you cannot be sure that the page in the cache matches the real one.

To solve this problem, we can directly prevent the browser from caching our pages. And, of course, we will do this using the META tag, using its “expires” property. It indicates the expiration date of the page content. In order for the page not to be cached, it is enough for us to set the past date. For example, like this:

<meta http-equiv = “expires” content = “Mon, 01 Jan 1990 00:00:00 GMT”>
Other Useful META Tags
In addition to the tags described above, there are several more that are often found on web pages.

For example, a META tag with the parameter “author” is used to indicate the author of the page and is taken into account by some search engines. In general, each page should have an author, so it makes sense to use this tag.

Why do we need SSI?
A! So you don’t even know what it is? And, moreover, do not understand why you need it? Well, then you have come where you need to. Today they explain…


What can reduce conversion on landing pages?
Landing pages are landing pages of a site to which visitors get from search, contextual advertising or other channels. As a rule, landing pages of a site contain an offer…


Site Conversion: Popular Ways to Increase
No matter how modern or pleasant the site may be, if it does not bring the company the expected benefits, it is a “dead weight”. Usually, the degree of usefulness…


Jpg image optimization
So, the graphics for your pages are ready. But it's too early to upload it to the server, as it has already been said more than once - if the…