There are three main ways to place a title in relation to. Adding Content. Categories, text, links How to display the last modified date instead of the date

Headers in these tags should only be used to break the text into logical parts. No highlighting of whole sentences and individual phrases.

In addition, H1-H6 headings are hierarchical, which makes them different in design, at least in font size. Each lower level should be less noticeable than the one higher above it.

The image shows the correct design of headings in these tags, when the font size descends from the top level to the bottom. If you have a situation different from this, then you should already turn to the design styles of your site and edit them properly.

But here's one thing - make sure that the headings of the lower level (closer to H6) are similar to the headings and do not merge with the regular text. They should look like headlines, not just bold.

Based on this design, we can understand that headings must maintain their hierarchy when used as an element of text structuring. It cannot be that first there is the first heading H1, and then immediately H5 or H6. After the first level, it is logical and correct to use only the heading in the H2 tag. This is important, both from the point of view of the design of the material itself, and from the point of view of maintaining the correct structure.

Search engines are now paying attention to these tags. But not as SEO elements, but as structuring elements. Therefore, it will be strange if H1 goes, and then immediately H6.

When using these tags, we make sure to adhere to the structure. If we go down a level, then no jumping over the level. The structure should be as follows: H1-H2-H3-H4-H5-H6.

It is worth saying that the use of the heading of the H1 level in these cases will not be appropriate, since it should be used only one time on the page and should contain the name of the material. Therefore, there is no need to use it in the text.

Now I'll cover the basics of using the H1 heading, but before that I'll give you a couple of general tips that are valid for all heading levels.

• Do not end with a dot;
• We maintain a hierarchy in use;
• There is no purpose to place keywords;
• They take place even in very short articles, since any text can be divided into logical parts;
• In the title, he writes a brief essence of the following text, and not something "if only it was."

Basics of using the H1

The above rules are also relevant, but besides them, there are those that are mandatory for this particular level of heading.

• H1 always once on each page;
• We encourage the user to read the material, so it makes sense to use tenacious words (for example, secrets, the best chips, and so on);
• We make it different from the title tag, which displays the title of the page in the search results and encourages the transition to the site page from the search. It should be a little different, but it should definitely make it clear that the context of the material on the page has not changed;
• We use the keyword of the article, but in a diluted form, and not in the exact occurrence;
• It is not recommended to use punctuation marks.

Practical use

Above, I wrote that H1 is used only 1 time on the page and it should be embedded automatically into the layout of the site template and will also be automatically inserted into the header. Check this moment. Analyze your article titles and see if they are enclosed in H1. If this is not the case, then edit your template.

A common situation when instead of H1 is H2. This is not a gross mistake, but it is better not to allow it.

If we are talking about using the rest of the H2-H6 heading levels, then they should already be used in manual mode.

Using some CMS to create a site, these headers are added to articles very easily. For example, in WordPress, the formatting bar in the page editor always has a headings item, where you can select the desired level, having previously selected the desired text, which must be enclosed in the heading.

So with every engine. If you use HTML layout of the site and you need to add tags manually, then there will be no difficulties here. One has only to enclose the necessary parts of the text between the opening and closing tags with the required levels. See below for examples.

2nd level heading

3rd level heading

4th level heading

5th level heading

6th level heading

As for the styles for each level, it is worth adding rules to each level in the style file.

Notice that there are no dots or hash lines in front of the heading level name in the styles. Inside the brackets, we indicate the styles themselves: font type, size, color, background, and so on.

H1-H6 Header Design

If you make your headlines a unique eye-catching design, then the visitors will only thank you for this and the content design will be at the highest level. Simple titles with large font sizes and bold text are now a thing of the past.

Simple, but at the same time, design of headings with the help of various selections with lines, underlining with the help of a background, and so on are coming into vogue.

I once gave already some examples of such designs. Even if you take my blog, the main heading in H1 is not just a big font on a white background with the rest of the text. It is separated by a gray frame on the general background of the site, which makes it more visible and draws attention to it.

Let me give you 2 more examples of styled headings in H1.

As you can see, this is not just a bold type, but a beautiful background with a wavy bottom surface and an accentuated top.

You can also look at the interesting design at this page.

As for the headings H2-H6, they can not only be decorated with some kind of background, but they can be numbered (if you use the content at the beginning of the page) in the form of beautiful pictures. Again, these shouldn't be simple numbers. Here's a good example of such an idea.

When you know what most people don't know, much less do, you can go over and look at the main mistakes in using headings of all levels on your site.

Errors in use

You could already think of all the mistakes yourself, having studied all the material above, but there are some nuances. I will list everything that may apply specifically to you and what needs to be corrected immediately.

• More than one H1 per page. It is not right. Only once per document;
• Use of H1-H6 tags for the design of additional site elements. At the very beginning, I wrote that the purpose of these documents is the design and structuring of content. Therefore, they should only be used in content. Most site templates contain these tags in the side columns to style their titles, and so on. This is clearly expressed in WordPress templates, when the name of each widget in the sidebar is enclosed in H3 or in other tags. If such a situation exists, then replace the heading tags in the site's service elements with others, for example, with the "span" tag;
• We specially enter keywords. Previously, it was believed that by entering keywords in direct entry into the headings of all levels, you can increase their density and the position of such a page will be higher. But now it is already "punishable by law" of search engines and sanctions are imposed for spam in the headlines. Moreover, these tags are ranked according to other algorithms. Conclusion: there is no purpose to enter keywords;
• Frequent use of periods and punctuation marks. Dots in headlines should not be used at all, since this is wrong from the point of view of both copywriting and general rules for text formatting. We also try to minimize the number of punctuation marks in order to increase the readability of headings. This also includes a large number of words - don't make too long headlines;
• The structure is not followed from the point of view of the hierarchy. Try to follow a logical chain in building the hierarchy of H2-H6 tags on each page;
• Using H1-H6 tags to style other text elements, not the heading. This is what I said above, when the styling of each tag is incorrectly configured and instead of the usual bold selection, you can use a heading of some level.
• The heading is inappropriate or does not carry the context of the text that follows it. To learn how to create logical titles, grab a couple of well-designed books that are easy for you to read. Also focus on structuring content on the Wikipedia site;
• Not using H1-H6 headings at all or not using small texts. It's just a complete absence and there is nothing to talk about, but about the absence on small pages is a questionable moment, since any text (even the minimum 1000 characters) has a logical structure. Moving from one topic to another. Why not break it down into logical parts with subheadings of various levels?

That's all, dear webmasters. The headline material on the site has come to an end. He came out rather drawn-out. Somewhere I repeated myself, but this is only to draw your attention to the key points of the article. Hope you find this material useful.

By the way, can you find a small flaw in my titles on the site? If so, write in the comments. This moment is not very noticeable, but it is there.

See you in the following articles. Still to come.

Best regards, Konstantin Khmelev!

1. Select at the beginning of the table one or more lines that will be used as a heading;

2. Table - Headings.

To disable repeating titles on subsequent pages, clear the checkbox. Headings on the menu table.

Titles of tables (figures, formulas)

1. Select a table (figure, formula);

When further rearranging, inserting or deleting objects, the names for the remaining objects of this type will be renumbered (if this is not done automatically, then you need to select the name or the entire document and press the F9 key or Update field).

Bookmarks

If the user often has to return to certain places in the edited document, he can set bookmarks in these places, each of which should have a name.

To set a bookmark, for example, on a table, you need to put the cursor in any cell of the table - Insert - Bookmark - enter the name of the bookmark (no spaces!) - Add.

To go to a bookmark Insert - Bookmark - choose a name - Go.

Bookmarks allow you to use formulas containing addresses of table cells outside this table (just in text or in another table). This requires:

1. Create a bookmark on the table, the cell values ​​of which are supposed to be used in the formula.

2. Set the TC in the place of the text where the result of calculations by the formula will be located.

3. Table - Formula- before writing cell addresses, select the name of the bookmark in the list Insert bookmark(the name of the bookmark appears in the formula), the cell address is typed through a space after the name of the bookmark. An example of a formula using a tab: = MAX (tab1 A2: D4), where slay1- the name of the bookmark.

The names generated by means of WORD for tables (formulas, figures) not only provide the ability to automatically renumber the named objects after their deletion, insertion and rearrangement, but also allow you to use references to such objects, as well as automatically create lists of objects.

Consider creating links to table names. A link (cross-reference) is text that helps you determine where you can find the information you need. For example, in the text “information on the volume of goods turnover is given in tab. 1 »The link is in bold italics.

If the links are typed manually, then later when changing the table number (due to, say, deleting, inserting or rearranging tables), the links will also have to be changed manually, which is laborious and fraught with errors.

Another way has undeniable advantages: to generate links by means of WORD - then WORD will be able to automatically update them by itself.

2. Insert - Link - Cross-Reference- in the dialog box that appears, select from the list Link type desired object ( Table, Formula etc.). In the list For which (which) a list of all names of objects of the selected type will appear - select the desired name. In the list Paste link to select Constant part and number - Paste... The required link will appear in the document. If, when creating a link in the dialog box, the checkbox is selected Paste as hyperlink, then the inserted link will be a hyperlink: when you approach it with the CTRL key pressed, the UM takes the form of a hand, and Щ moves to the object the link points to.

Let's pay attention to the possible inconsistency of cases (for example, "The data is presented in Table 1").

To avoid inconsistency of cases, abbreviated names can be used (Table, Fig., Etc.). To do this, you need to be able to create such non-standard constant parts of names: Insert - Link - Title - Create- write in the dialog box a new permanent part of the name (for example, Table) - OK... In the future, when inserting titles and links, the created name will appear in the general list of available for use.

List of titles

To create a list of titles:

1. Type the heading of the list (for example, "List of Tables") and go to a new paragraph;

To update the list, select it and press the F9 key.

Formula editor (RF)

Allows you to insert mathematical constructions into a document containing fractions, powers, integrals, roots, images of matrices, signs of sums and products, etc. Examples:

.

RF launch

1. Install the TC in the place where you want to place the formula;

2. Insert - Object - Microsoft Equation - OK or button on PI Standard.

After starting RF, PI appears on the screen Formula as well as the formula field. Inside the formula field, there is a dashed rectangle called a slot, which is used to indicate where the character is being entered.

On PI Formula there are two lines: symbol palettes (relationship symbols, spaces and dots, superscripts, etc.) and template palettes (parentheses, fractions and radicals, superscripts and subscripts, sums, integrals, etc.).

Attention! To enter a space when typing formulas, use the CTRL key combination - space or space is selected from the palette Spaces and dots(there are three spaces at once on the second line - small, medium and large).

After the end of the set of formulas, make U outside the area of ​​entering the formula.

Deleting a formula: Щ by formula, DEL key.

When adjusting formulas the following keys can be used:

1. TAB - move to the end of a slot or to the next slot;

2. SHIFT –TAB - at the end of the previous slot;

3. Arrows up, down, right, left;

4. HOME, END - to the beginning (end) of the slot.

Formulas with curly braces like

it is convenient to type in the following way: first select a curly brace with a slot, then use a matrix template (a column of two slots) - two slots appear in the curly brace vertically, which then need to be filled.

This series of articles on adding materials to the site will give recommendations on how to improve the quality of your materials.

1. The style of the material matches the general style of the site

It often happens that the style of the content is very different from the style of the header, side column and footer of the site. Surely the main content should be kept separate.

Indents add neatness and are often enough to make the material stand out.

2. The text is contrasting with the background

It is impossible to create contrast using two similar colors. Background and text needs to be done very different.

Can you feel the difference in how the color affects the eyes when reading the left and right sides? If not, congratulations, you have a unique gift (or DOS nostalgia).

For most people, a lighter background with darker text (left side) will work best. The right-hand side (this method of presenting text is sometimes called "inversion") can be suitable for the design of the title of the material or the header of the site:

But not for reading a large amount of text.

3. No images are used as backgrounds.

Another nuance that can interfere with reading materials on your favorite site is the use of images as a background:

In some cases, the text reads well, but can you guarantee that it will always be this way?

Paragraphs have different lengths and widths, depending on the size of the reader's screen and the material that is being added. At any time, it may happen that part of the text becomes inaccessible.

If you don't want to give up the background image? Change the saturation and intensity of the image color, add a light shadow to the text and free space for the background:

4. Uniform alignment style for text and images

There is a way to make your materials neat - to align all text and images to a single edge (usually the left).

To control alignment, use the corresponding buttons in the visual editor:

Please note that the alignment button works for the entire selection of material or paragraph on which the cursor is positioned.

5. Breaking into paragraphs

When there is a lot of text in the material, it must be divided into paragraphs 2-5 lines long. This makes it easier for readers to take breaks from reading. Also, small paragraphs allow you to go over the entire text and grab an interesting idea in order to get acquainted with the text in more detail.

Try not to place paragraphs with the same number of lines next to each other. Reading such "monotonous" text can be boring.

6. Placement between paragraphs of images, lists, tables

In addition to dividing into paragraphs, images, lists and tables can help make the material easier to read. They act as a kind of separators.

Use the tool to attach images on the add material page. After clicking the “Select File” button, you can place the image anywhere in the article using $ IMAGE1 $ ($ IMAGE2 $, $ IMAGE3 $ and so on).

Use lists whenever possible:

To insert a table in the new visual editor, there is a button to import data from Word:

7. Sentences are short and clear.

Don't have copywriting skills? But you want the material to be read and appreciated. Make the text more accessible. Discard complex sentences. Subject, predicate, point.

When you move from simple sentences back to complex ones, you will probably notice how much more difficult it has become for you to write and read the text to your visitors, and how, while reading one sentence, the thought may arise: “What did I mean?”.

8. Each paragraph contains no more than one important thought.

Try not to overwhelm the paragraphs with meaning. One key thought or action per paragraph.

If the thought is key in the section, highlight it with bold.

You don't need to highlight whole sentences or paragraphs. 2-4 words are enough to attract attention and not cause ripples in the eyes.

Try to place important thoughts at the beginning or at the end of the article / section, so it will be easier for users to remember and assimilate them.

There are three main ways of placing the heading in relation to the text: 1) the heading above the text. It can be written in one line, or it can be written in two or three lines. If you want - write a heading in the full width of the column, if you want - place it in the center, and if you like it - arrange the lines in a ladder; 2) heading inside the text. This positioning of the heading has an increased property of highlighting the material. The ratio of supra- and sub-headings is usually taken 2: 3 or 3: 5. It is good to resort to a headline recessed in the text, firstly, to create the illusion of a reduction in large material, and secondly, to create a balance of graphic spots in the newspaper; 3) a title to the side of the text. It should be noted that the side header looks best if it is written across the entire height of the note and does not exceed 1/3 of the width of the material itself. A headline written on the side grabs attention. But not every layout can use it. It is necessary to ensure that he does not "fly off" from the note. It is more convenient to use the side header when the material is framed. The main requirement for a heading is clarity of its reading. All font decorations - ornamental, tone frames, strokes, serifs - should be done in such a way that they reflect the content of the heading. The very content of the title helps you choose the font with which it will be written. We arrange materials. The first step is to determine exactly where the central, main performances will be located. The area allotted to them in the newspaper will depend on the importance of the topic and the size of the notes themselves. And to draw the reader's attention to them, frames, and bright, catchy headings, and colored linings can help us, only the color must be chosen so that it does not interfere with reading. The newspaper must be "populated" evenly so that one part of the newspaper does not turn out to be clogged, without air, and the other - empty, free. Drawings and photographs will help to "balance" the newspaper.

Dimensions: 720 x 540 pixels, format: .jpg. To download a slide for free for use in the lesson, right-click on the image and click "Save Image As ...". You can download the entire presentation "Wall newspaper design.pptx" in a zip-archive 1834 KB in size.

“Headline in text” - But, as a rule, newspaper headlines are rich in means of expressiveness. The heading forms a single system with the text “heading - text”. Header functions. The title of the text has a dual nature. Therefore, it is so important for a journalist to choose a title for his publication. Let's think about what exactly can create such a desire.

"Ways of forming words" - Prefix-suffix way. Prefix method (prefix). Lexico-semantic way. Abbreviation. Syllabic: executive committee, collective farm, trade union committee. Lesson topic. Truncation. Lexico-syntactic way (fusion). Word formation. Morphological and syntactic method (conversion). Zero suffix (non-affix method).

"Methods of changing the internal energy" - Dependence of the internal energy of the body on the temperature of the body. Dependence of the speed of movement of molecules on body temperature. Potential energy? Let's consolidate what we have learned? Objective: To continue the formation of the concept of internal energy based on the ICT. Study of two ways to change internal energy. 5. What determines the internal energy of the body?

Multiplication Methods - Tens are in the lower triangle and ones in the upper. Let's multiply the numbers 1998 and 987 using the “Jealousy” method. Russian peasant way. In the Middle Ages, very few mastered the art of multiplication. Then add up the remaining numbers in the right column - you get 1972026. Multiplication by the "Jealousy" method.

"Water purification methods" - Ion exchange. Acidity: pH = 6.5 - 9.5 Compliance with LHC - indicators. In terms of color and turbidity - 86% of samples (in 1999 - 66%). Non-standard water samples 2000 Main water supply lines in Vladivostok. Defending. Hepatitis A virus - 6% of samples. Mineral impurities - no more than 1 g / l Harmful organic and inorganic impurities - within the MPC.

"Grouping method" - As you can see, the grouping is not always successful the first time. The third grouping method: xy-6 + 3x-2y = (xy-2y) + (- 6 + 3x) = = y (x-2) +3 (x-2) = (x-2) (y + 3) ... Example. Factor: Grouping Method. Differentiated tasks by levels. Mathematical dictation

Dear friends, today I will share with you one of my fresh developments in website promotion. I will tell you how to remove the publication date from search results and what benefits it gives.

As you know, in the search results for many pages of sites, the date of their publication is displayed. Dates allow users to navigate search results and select pages with more recent and relevant information.

In most cases, I myself prefer to go to pages that were published not so long ago, and I visit materials 3-5 years old or more less often, since often information in many topics quickly becomes outdated and loses its relevance.

Do you think this article on Firefox plugins will get the maximum clickthrough rate if it is dated 2008?

Or my post on WordPress plugins from 2007:

I think not, since the information in these topics becomes obsolete over the years.

I thought about how I can use this moment to increase traffic to the sites I promote. There are many "evergreen" topics in which information is practically not outdated, and materials published several years ago will also be useful and interesting for visitors.

For example, take the subject of dog training. There, the basic principles have not changed for many years. At the same time, the owner of such a site will be sad 😉 when, in a few years, fewer visitors from search results will go to his articles, as they will see the publication date and select newer articles on other sites simply because they are more recent, although they may not be nearly as interesting or useful.

But if we take such topics as smartphones, gadgets, fashion, women's clothing, then the information in them very quickly becomes outdated and loses its relevance. There is no point in removing the date from the search results.

In my opinion, one of the main goals of site owners is not to simply attract the maximum number of visitors to their resource, but to ensure that these visitors, once visiting his site, themselves return to it again and again.

For this reason, you should not remove the date in those topics where information loses its relevance over the years. Users will still go to sites that have posted more recent content.

Recently, I decided to conduct an experiment on several sites in the Russian Internet and the English-speaking Internet on the subject of how the removal of the date of publication of the pages of these sites from the search results will affect. I chose sites of "evergreen" topics in which the information is not out of date.

This method is especially effective if the query you are promoting is already in the top 10.

For example, the page of your site is on the 5-10th place. By removing the date from the search results, it is quite possible to bring it to the first place so that it receives the maximum number of clicks from the search results.

I did an experiment and removed dates for several sites in different topics. Here is a screenshot of the positions of one of the pages for a competitive request:

It was in 7th-8th place in the Google search results. After I removed the date of its publication from the search results, it gradually came out on top. For the purity of the experiment, I did not use other methods of optimization and promotion to this page. Since then, she has firmly taken the first place, in which she is to this day:

The described method is more about Google SERPs. Yandex displays dates much less often, but they are also found in its issuance, and they can also be removed. Here is the official information from Yandex about the features of displaying publication dates in the results of this search engine.

I noticed one more thing. Removing the publication date from the search results frees up more space for the description of the site in the search results, which makes it more visible.

How to remove the publication date of documents from search results? Pretty simple. Of course, you shouldn't completely delete the publication date - visitors on the site will find it useful.

How to output post date in javascript

In order to remove the publication dates from the issue, they can be done via javascript. In this case, search robots will not take it into account, and gradually it will no longer be displayed on site pages in search results.

I'll show you using WordPress as an example. Open the folder with the blog theme and in all the files in which you want to replace the date display (for example, single.php, index.php, archive.php, you can also in the tags and category files) look for the code that is responsible for displaying the publication date.

It can be like this:

We replace the code with the following:

Some themes may use code like this:

It needs to be replaced with the following:

You can also google the query "date of publication in javascript".

How to display the last modified date instead of the date

Alternatively, instead of displaying the usual publication date, you can display the last modified date if you practice editing and adding pages:

To do this, you need to replace the date output code with the following:

">

WordPress site owners can be jubilant 🙂. For them, there is a plugin Last Modified Timestamp that will allow you to do this without editing the code.

I wish you high traffic on your sites!

Dessert for Today is a fascinating video about a guy riding a bike 😉. It is better for the faint of heart and impressionable people not to look 🙂: