Зачем вообще нужно правильное использование заголовков в верстке?

Во-первых, это дает возможность быстро сориентироваться на странице, на которой зачастую море информации. Это как в журнальной статье, быстро пробегая глазами по заголовкам, ты сразу отмечаешь на чем стоит остановиться. Правильное использование тегов заголовков даст возможность не только визуально ориентироваться на странице (этого можно добиться используя любые теги совместно с таблицами стилей), но и даст возможность так же уверенно находить нужное людям с ограниченными возможностями, которые используют голосовые браузеры и устройства чтения Брайля. Плюс не забываем, что не все устройства хорошо поддерживают каскадные таблицы стилей (например, мобильные устройства). А еще существуют устройства и плагины, которые позволяют быстро перемещаться по документу — например, по заголовкам у opera.

Во-вторых, поисковым роботам будет проще работать со страницей, проще выделить главное и второстепенное, а значит больше шансов попасть в топ.

В-третих, четкая логическая структура документа — это шаг к повышению качества, понятности, доступности информации, это шаг к новому уровню предоставления информации — Семантический веб.

Аргумент против тегов вообще

Браузерам, по большому счету, вообще плевать на теги. Они отображают не разметку, а DOM, и оперируют лишь DOM-элементами и их свойствами. DOM может строиться по-разному, и в современном мире куда чаще она строится скриптами, а не парсится прямо из разметки. Разметка — лишь один из способов описания будущей DOM в текстовом формате, в принципе не лучший для машины, зато более понятный для человека.

А люди в наше время тоже редко пишут разметку руками. Чаще эту скучную механическую работу за нас делают инструменты — препроцессоры, шаблонизаторы и всё такое прочее. И это их задача — ставить те теги, которые надо, где надо и как надо, чтобы парсеры, со всеми их странностями и документированными причудами, всё правильно поняли. Их, а не наша.

Не в том ли причина многих проблем нынешней веб-отрасли, что истинную природу веб-платформы от разработчиков всю их жизнь вольно или невольно скрывают — сначала за тегами (и пустяками типа их регистра, словно мы до сих пор в 90-х), а затем за абстракциями фреймворков?..

H1 Tag Check: How To Perform A Heading Audit

So you now know how to structure the new pages on your site, right!

But, what about your existing pages?

How can you check if they are using the correct heading tags?

Well, there are a couple of ways:

First, you can check your website’s source code.

To do that, browse to the web page you want to check using Google Chrome.

Next, click ‘View’ then ‘Developer’ then ‘View Source.’

Then ‘Control F’ to the launch the in-page search function followed by ‘<h1’ to find the opening H1 HTML tag:

This process can be repeated for H2s using a search for ‘<h2’ and so on.

You can also view your heading tags using a browser extension like SEO Quake.

With SEO Quake installed, open the page you want to check, navigate to the ‘Diagnosis’ tab inside SEO Quake, then scroll down to the Headings section.

It will show you the total number of heading tags at each level, then list the heading tags in the hierarchy they are displayed.

A quick review of the above page shows it uses H1, H2, and H3 tags, and the tags are structured in a logical hierarchy.

But there may be a problem.

The page contains two H1 headings.

Как сделать тег H1 у заголовка сайта!

Мне как раз попал в руки сайт ege-ok.ru/, у которого нужно оптимизировать заголовки на всех страницах, на нем и буду показывать как все это организовать.

Шаблон темы сайта называется «zeecorporate», и коды будут отличаться от вашего, но в общем все должно быть понятно, главное понять что и куда вставлять. Шаблон у сайта очень не простой, потому что у него завязано в процессе несколько файлов стилей. Если у кого такой же шаблон, то придется постараться все настроить.

Проверяем заголовок шапки сайта («ctrl+u» и «ctrl+f») вводим в строку поиска H1 и жмем «Enter». Как видим шапка сайта имеет заголовок первой категории.

А теперь если перейти на любую статью или страницу, то увидим, что на всех страницах тегом H1 обозначен заголовок сайта. А нам нужно сделать, чтобы H1 был у статей и страниц, но тогда при открытии страницы у нас будет два тега H1 в исходном коде (заголовок шапки и заголовок статьи).

Делаем следующее.

Прежде чем начать редактировать, сохраните все копии файлов, которые будете изменять!!!

Заголовок сайта обычно прописан в файле Header.php, откройте его для редактирования через редактор в консоли или Ftp менеджер. Найдите строку похожую на эту:

Теперь нужно обернуть всю строку этим кодом:

<?php if (!is_single () && !is_page ()) :?>
Здесь ваш код
<?php endif; ?>

и должно получиться так:

<?php if (!is_single () && !is_page ()) :?><a href="<?php echo home_url(); ?>/"><h1><?php bloginfo('name'); ?></h1></a>
<?php endif; ?>

Этот код означает, что если открыта не статья и не страница, то заголовок сайта будет первой категории в H1.

После этого кода ставим вот такой:

<?php if (is_single () || is_page ()) :?>
Здесь ваш код
<?php endif; ?>

и получается вот так:

<?php if (is_single () || is_page ()) :?>

<?php bloginfo(‘name’); ?>

<?php endif; ?>
Обратите внимание, что вместо H1 у меня стоит

Этот код означает, что когда открыта статья или страница у заголовка сайта не будет тега, или можете поставить H2. Вместо тега H1 я сделал тег <p>, вы можете заключить в H2. К  новому тегу я сделал отдельные стили, но об этом дальше.

Сохраняем и смотрим что получилось. Откройте сначала главную страницу и проверьте исходный код, потом любую статью или страницу, и в исходном коде у заголовка сайта не должен быть тег H1.

Исходный код заголовка сайта при открытой статьи или страницы:

Исходный код статьи:

Не переживайте если у Вас изменились стили заголовка (размер, цвет и т.д), все это можно сделать присвоив ему новые стили.

Ключевые слова в тегах H1-H6

Теперь о наличии ключевых слов в тегах H1-H6. Конечно, они обязательно должны присутствовать в заголовках. Необходимо соблюдать общее правило для всех ключей на странице. Чем они ближе к её началу, и к началу, содержащего их элемента, тем выше будет их вес.

Обратите внимание на градиентный фон иллюстраций для этой статьи — он отображает значимость ключей на странице. Там где цвет темнее, вес ключей будет выше

Снова обратимся к иерархии документа. Более важные ключевые фразы должны находиться в H1, а менее важные — располагаться по убыванию: в H2, H3. Но как быть с тегом Title? Лучше не делать теги Title и H1 идентичными, однако желательно, чтобы основная ключевая фраза содержалась в обоих.

Часть слов из Title, которые не вошли в H1, можно «разнести» по другим заголовкам. В них так же могут повторяться некоторые слова из основной ключевой фразы. Получатся «разбавленные» ключи, которые будут приводить трафик по низкочастотным запросам. Но не злоупотребляйте такими повторениями, не более 2-3 на странице, а то нарвётесь на санкции за переоптимизацию.

Теперь о типичных ошибках, и подведём итоги. Не перечисляйте в заголовках ключи через запятую, используйте знаки препинания по минимуму. Не стоит напирать на одни высокочастотные ключи. Лучшим будет краткий заголовок, отображающий логически выраженную мысль.

Не забывайте об уникальности заголовков в масштабе своего сайта. Ошибкой будет их чрезмерное употребление, когда под заголовком будет находиться один «жиденький» абзац, а дальше опять последует заголовок.

Читайте подробнее обо всём комплексе мер по seo раскрутке, где представлены инструкции по оптимизации сайта и улучшению внешних и поведенческих факторов. Кратко восстановим в памяти основные правила использования тегов H1-H6 на странице:

Правильная иерархия.
Внутри нет других тегов и ссылок.
Нет классов.
Наличие ключевых слов

Соответствие степени их важности рангу заголовка

Обеспечьте единообразие тегов заголовков.

У ваших пользователей должен быть положительный опыт взаимодействия с сайтом. Чтобы произвести впечатление на свою аудиторию и ботов поисковых систем, используйте согласованные теги заголовков.

• Придерживайтесь единого формата на всех страницах, независимо от того, используете ли вы формат регистра заголовков или формат регистра предложений.
• Делайте заголовки короткими и конкретными.
• Подробное содержание под заголовками предназначено для описания всех деталей, которые вы хотите уточнить.
• Для SEO-оптимизации длина заголовков рекомендуется 70 символов или меньше.

3. Используйте ключевые слова в тегах заголовков

Когда дело доходит до использования ключевых слов, будьте благоразумны. Просматривая этот пост в блоге, вы заметите, что многие теги заголовков содержат ключевые слова, но не все.

Основная цель — сделать вашу страницу читаемой для вашей аудитории и поэтому естественно, включать ключевые слова, чтобы сделать акценты.

Расставьте приоритеты для пользователей, а затем оптимизируйте их для поисковых машин, не жертвуя при этом удобством вашей аудитории.

Чем больше релевантных ключевых слов в тегах заголовка, тем более удовлетворительным будет пользовательский опыт.

Познакомьтесь с ценной информацией, которая, несомненно, будет полезна для вашей контент стратегии:  Как улучшить пользовательский опыт (UX) применяя дизайнерское мышление

4. Оптимизация для избранных фрагментов.

Одно из важных мест, где теги заголовков оказывают положительное влияние на SEO — это избранные фрагменты.

ОПРЕДЕЛЕНИЕ: избранные фрагменты – это лаконичные прямые ответы на поисковые запросы пользователей. Они отображаются в верхнем блоке поисковой выдачи. Эта область называется нулевой позицией.

Для этого есть два возможных пути:

1. Оптимизируйте тег заголовка для ключевого слова голосового поиска с длинным хвостом, а затем ответьте на запрос, используя текст в тегах абзаца <p>.
2. Используйте последующие заголовки меньшего размера, чтобы выделить различные элементы списка. Google в основном использует эти заголовки для создания собственных маркированных и нумерованных списков с результатами фрагментов.

5. Сделайте теги заголовков интересными

Теги заголовков позволяют читателям легко просматривать страницы сайта. Однако в большинстве случаев пользователи не просматривают материал полностью.

Следовательно, вы должны использовать теги заголовков, которые интригуют и побуждают ваших посетителей остановиться и прочитать пост дальше и дальше.

Пользователи особенно обращают внимание на теги H1. Поэтому добавьте элемент интриги, любопытства, а также аутентичности, чтобы привлечь внимание читателя

Ключ в том, чтобы заинтересовать читателя содержанием вашей статьи и увеличить время пребывания на сайте. Следовательно, H1 и все остальные теги должны вызывать любопытство и заинтересовать вашего читателя.

Познакомьтесь с нашей новой публикацией, чтобы лучше понять, как это может помочь вашему сайту и бизнесу: Искусство сторителлинга | Как писать интересно на любую тему

Правила использования тега

Тег

должен присутствовать в одном экземпляре на каждой странице сайта. Это правило должно не вызывать никаких вопросов, ведь у каждой страницы сайта должно быть только одно название. А если названия вообще нет, то тогда вообще зачем нужна такая страница?
Заголовок

должен быть где-то вверху html-кода страницы

должен быть уникальным в пределах сайта, т.е. не должно быть так, что некоторые страницы называются одинаково
Заголовок должен отражать суть статьи, не быть очень длинным
Не должен содержать какие-то еще элементы кроме названия страницы (т.е. нельзя использовать внутри h1 ссылки, элементы span, font, картинки и т.п.)
Плохо использовать заголовки не по назначению. Например, часто в шаблонах теги h3 используются для заголовков «Теги», «Комментарии» в сайдбарах. Это не правильноЗаголовочные теги должны использоваться в статье, чтобы правильно структурировать контент и помочь, как поисковым систем, так и обычным пользователям разобраться быстро в статье.
Желательно использовать заголовки без параметров class и id
Важно соблюдать иерархию заголовочных тегов. На этом моменте нужно остановиться более подробно.

Вопросы и ответы по заголовкам H1-H6

– Сколько раз можно использовать заголовок Н1 на странице?

Считается, что, если использовать этот тег больше одного раза, то поисковые системы понизят сайт в ранжировании. По поводу Яндекса особой ясности по этому вопросу нет, его представители никак не комментируют подобное.

А вот по поводу Гугла – разберёмся вместе с экспертом этой поисковой системы Джоном Мюллером.  На скрине его ответ по этому поводу в 2017 году.

А в сентябре 2019 Джон Мюллер детализировал его:

Из моего опыта. Придерживаюсь старой практики (один H1 на странице), но именно в комбинации со структурой тегов всей страницы (логичное распределение подтем на H2-H4). Чем проще – тем лучше. 

Но, если на страницах дублируется тег H1 (не содержание, а именно тег в коде), но заголовки все равно выполняют свою функцию для пользователя – это может быть не критичным замечанием (и в конкретных случаях нецелесообразным к исправлению).

– Отличия заголовка TITLE от заголовка H1

Во-первых, они отличаются по расположению в разделах кода: Title находится в, Н1 – в.

Во-вторых, по видимости пользователем. Title отображается в верхней части браузера и показывается в органической выдаче. Тогда как Н1 всегда виден только на странице. Иногда поисковая система может его использовать для сниппета вместо описания, если сочтет его релевантным запросу.

– Допустим ли переспам в заголовках H1-H6?

Переспам, то есть использование множества ключей в одном заголовке, недопустим. Наказание со стороны поисковиком не заставит себя ждать.

– Может ли H1 дублировать Title?

Желательно, чтобы Н1 содержал те же ключевые фразы, что и Title, но при этом теги не должны 100% дублировать друг друга. В Title можно добавить больше детализирующих ключевых слов без ущерба смыслу.

Leverage These Nifty Copywriting Techniques, Slash Your Bounce Rate and Boost Your Sales

If this doesn’t get you to take headline writing seriously, nothing will:

This statement underlines the importance of the headline, and why it determines the effectiveness of your entire piece.

In short, the better your headline, the better your odds of beating the averages and getting what you’ve written read.

This goes not only for your main heading (H1), but also your subheadings (H2 to H6).

Each time there is a break in your content, your reader has two choices;

Either they stop, or read on.

That’s why it’s crucial to use enticing copy throughout your headings (H1 to H6).

I’m no expert on copywriting, so I’ll leave it to Nevile Medhora KopyWriting Course to share some headline writing tips.

Иерархия

В языке HTML для обозначения иерархии заголовков используют цифры от 1 до 6. Самый важный и значимый — Н1. Это название статьи. Наименее значимый уровень – шестой.

Текст делится на логические блоки, им присваиваются заголовки второго уровня. Если информация под заголовком Н2 содержит несколько аспектов, то можно разделить ее на части с подзаголовками Н3. Каждая из этих частей может быть разбита на более мелкие куски текста с Н4. И так далее – до шестого уровня. Каждый следующий уровень подзаголовка раскрывает предыдущий.

Чаще всего достаточно двух-трех уровней, более глубокая вложенность подходит для объемных сложных документов.

Пример правильной структуры на странице:

<h1>Управление персоналом организации: стратегии и методы</h1>

<h2>Общие принципы</h2>

<h2>Методы управления</h2>

<h3>Экономические методы</h3>

<h4>Уровень оплаты труда</h4>

<h4>Система поощрений и наказаний<h4>

<h3>Административные методы</h3>

<h3>Социально-психологические методы</h3>

<h2>Задачи</h2>

<h3> Формирование кадрового состава</h3>

<h3>Управление затратами на персонал</h3>

<h3>Анализ качества работы сотрудников</h3>

Подзаголовки в теле статьи (H2-H3)

Подзаголовки в теле статьи (H2-H3) – эти подзаголовки структурируют текст на тематические разделы. Во многих сайтах на основе этих подзаголовков формируется «содержание» страницы, которая служит навигацией.

В этих запросах наоборот нежелательно уже использовать основное ключевое слово, если оно было применено в Title и H1, но если мы применили в H1 синоним основного запроса, то его можно применять в том или ином виде и в этих заголовках. Приветствуется применение синонимов, особенно, если они не использовались в других местах.

Но есть исключения. Если подзаголовком является устойчивое словосочетание, которое люди привыкли воспринимать в определенном виде. Например, при описании линейки кормов для животных подзаголовками будут являться сами названия, то названия нужно писать, так, как и принято их писать, а не через синонимы или разбивочные вхождения.

К тому же, иногда содержание подзаголовков попадает в сниппет поисковой системы вместо Title. Иногда туда попадает и H1, но редко.

Правила составления подзаголовков не являются жестким, в некоторых тематиках очень сложно подбираются синонимы, а не употреблять в подзаголовках ключевые слова порой невозможно.

При оптимизации подзаголовком нужно придерживаться следующих принципов:

Также некоторые авторы грешат тем, что для многих статей используют одни и те же подзаголовки как шаблон, например, это популярно при описании лекарственных препаратов, кормов, так делать нежелательно, по возможности нужно разбавлять и уникализировать их.

H2 – означает подзаголовок второго уровня, а H3 – третьего (подподзаголовок)

При оформлении подзаголовков очень важно сохранять иерархию. То есть сначала идет H2 и только потом H3

Заголовков каждого уровня должно быть не менее 2-х.

Если по какой-то причине, автор сделал 1 подзаголовок, то его нужно либо убрать вовсе или добавить ему, как минимум, 1 пару.

Считается хорошим тоном, что на каждые 700 – 1000 знаков есть 1 подзаголовок. Подзаголовки H3 можно употреблять и чаще, если это требуется для структуризации текста.

Gain an Edge with Effective Header Tags

Crafting well-structured headers can work wonders for your content. Not only do they make your content easier to skim, but they also captivate visitors, encouraging them to delve deeper into your material.

Furthermore, optimized header tags can position you to secure coveted featured snippets and facilitate a better comprehension of your page by search engines.

If you find yourself in need of SEO expertise, Clicta Digital is here to assist you. We’re eager to explore tailored strategies that suit your unique needs, expanding your reach and online presence.

Reach out today, and let’s embark on growing your business together. Contact us now to explore the possibilities.

Важность заголовка Н1 и правила использования Н2, Н3…

Как мы уже сказали h1 является заголовком всей статьи. То есть с него начинается сама статья. Его целью является дать читателю понять, о чем будет идти речь в публикации, а также понять, нашел ли он то, что искал. Первый заголовок должен быть направлен на читателя.

Главными правилами использования h1 является:

• h1 должен отличаться от title и ни в коем случае не дублировать его;
• h1 и title должны быть похожими по смыслу;
• заголовок не может содержать большое количество ключевых слов;
• на странице должно быть не больше одного h1;
• h1 не должен быть слишком длинным.

Ситуация с использованием h1 и title достаточно сложная, но и примитивная в то же время. Есть заблуждение, что оба из них должны быть идентичны. Но это не так, ведь title это грубо говоря то, что пользователь пишет в поисковой строке, а h1 это уже и есть название статьи. Если вы хотите больше узнать о тонкостях написания текстов и развить другие онлайн-навыки, переходите на эту страницу.

Теперь перейдем к правилам использования так называемых подзаголовков — от h2 и дальше.

1. Во-первых стоит соблюдать иерархию в заголовках. Речь идет о недопустимости ситуации, когда заголовок меньшего уровня стоял над тем, что уровнем выше. Например, когда h3 расположен выше чем h2. Это поможет не только поисковому роботу быстро проанализировать страницу, но и ее создателю получить больше фидбека, а пользователю с большей вероятностью найти то, что он искал.
2. Не стоит использовать в заголовках любого типа ссылки. Это правило касается внимания и концентрации читателя. Если он зашел конкретно на ваш сайт для того чтобы ознакомиться с информацией на нем, то ссылка в заголовке, то есть, большими буквами, просто уведет его от вашей статьи. Наверняка, вы не преследуете эту цель. Также это не будет вам на руку с точки зрения работы поисковых роботов, ведь любые ссылки в заголовках они трактуют как попытки подкрутить трафик и снижают рейтинг самой статьи.
3. Нужно также следить за тем чтобы информативность и читабельность заголовков была на должном уровне. Каждый из них, вне зависимости от иерархии должны быть понятны, логичны и соответствовать содержимому статьи. В таком случае поисковые роботы будут положительно воспринимать текст и заголовки в нем. Нужно понимать, что целью каждого из заголовков является описание сути статьи или фрагмента в ней.
4. В заголовках не стоит использовать символы или теги, они должны содержать исключительно текст, ведь символы препятствуют поисковым роботам в поиске информации.
5. Не создавайте в статье слишком много заголовков, если ваша статья не является лонгридом. Большое количество заголовков перенасыщает содержимое статьи, делает ее заспамленной и неинформативной для тех же поисковых систем.

87% наших выпускников уже работают в IT
Оставь заявку, и мы поможем с выбором новой профессии
Оставить заявку

How many words are placed in the H1 Tag?

This is one of those areas of SEO I think it’s basically impossible to test accurately.

John Mueller gave us some direction on headings in this video from October 2015:

I think it’s fair to say Google doesn’t want you sticking your main content in an H1 tag!

OPINION – I use as many keywords as I think are sensible and as concise as possible.

Aaron Wall at SEOBook recommended a long time ago not making your h1 tags the same as your page titles.

I have never seen this as negative, per say on a properly optimised page – but he is of course crystal clear in his reasoning:

He goes further with an excellent piece of timeless advice:

However, for a while now, I’ve leaned towards keeping page titles the same as H1. Keeping both the same may help you focus all relevance signals on ranking in Google’s new features, and that is incredibly important now.

Be sure to make your heading tags highly relevant to the content on that page and not too spammy, either.

Concentrate on making page text rich and engaging, first.

How many H1 tags can you use on a page for SEO benefit?

Question: “How many h1-tags should be used on a single webpage?”

Answer: “As many as you want.” John Mueller, Google

This argument seems to confuse and aggravate HTML experts, too.

Google evidently does not care that much, and it will probably attempt to ignore any attempt to manipulate it anyway.

Some argue that having more than one H1 per page is sensible in some instances (and HTML5 certainly allows for this, in some interpretations).

HOWEVER – and not getting into the actual HTML5 argument here, the W3C HTML5 Recommendation 28 October 2104 states:

and many others, one of the most succinct voices being adrianroselli.com have raised concerns:

I think sticking to simple solutions often works best. I am an SEO, not a markup artist.

Google expects variation, too. Google’s (rather old but still relevant) pdf on SEO indicates it expects to find and process variations of use on the web, although the examples never indicate multiple H1 uses e.g.:

Основные правила оформления заголовков

В мире SEO правила меняются. На сегодня существует наработанный свод правил о том, как следует оформлять  заголовки. Знатоки предпочитают их придерживаться, время от времени проверяя их экспериментально.

4.1. Иерархия заголовков

Теги должны располагаться на странице в порядке убывания после  <h1>. 

Рекомендуется, чтобы заголовок старшего уровня оказался ниже подзаголовка нижнего уровня, например, <h2> ниже <h3>

4.2. Длина заголовков

Поисковые системы не прописывают точные требования на эту тему вообще и по поводу длины тега h1, в частности. В свою очередь знатоки СЕО рекомендуют ограничиться максимумом в  . Такой размер заголовка не перегружает страницу визуально, вмещается в одну строку и нет опасности, что при ошибке при отображении названия на сайте вся техническая информация не появится на экране.

Важно: Если не получается сделать короче, то нужно следить, чтобы ключевые слова располагались поближе к началу

4.3. Ключевые слова в заголовках

Н1 должен содержать релевантный поисковый запрос. Если заголовок длинный, то ключевое слово должно находиться как можно ближе к началу предложения.

Остальные заголовки Н2-Н6 не так влияют на продвижение, поэтому для них рекомендуют использовать ключи с размытым вхождением.

4.4. Читабельность

Заголовки Н должны сразу давать понять, о чем страница. У каждого уровня заглавий должен быть свой размер шрифта. У Н1 он должен быть самым высоким на странице.

Как правило, посетитель ожидает найти ответ на вопрос, который он задал поисковой системе. Если страница не соответствует заголовку, то он быстро уйдет, что ухудшит поведенческие характеристики сайта.

4.5. Уникальность

Это must have. Все заголовки Н1 не должны повторяться в пределах сайта и отображать ключевой запрос, который ведет на страницу.

В глазах поисковиков у главного заголовка страницы наибольший вес, хотя они об этом не говорят прямо.

Кстати. Эксперимент Сайруса Шепарта с H1 тегами подтвердил, что замена всех заголовков в блоге на H1 или на H2 (без H1 в начале) не дает значительных изменений, стоящих внимания. Это не говорит о том, что H1 не является фактором ранжирования.

Заключение

Думаю, подытожить эту статью можно примерно так:

1. Необязательные теги — не ошибка, не «магия», не «браузерная самодеятельность» и т.п. (как часто считают), а документированная особенность стандарта. По сути — еще один инструмент HTML, такой же, как и закрывающие теги. Можно спорить, входят ли они в «The good parts» языка HTML (скорее всего нет!:), но в некоторых задачах (напр. для экстремальной оптимизации) они могут быть полезны;
2. Почти все валидные аргументы и за, и против необязательных тегов сводятся к двум фразам: «делайте, как вам удобнее», и «делайте, как у вас (в проекте, в команде, в настройках окружения и т.д.) заведено». Ну и еще «смотрите по задаче и тестируйте!».

Поэтому в подавляющем большинстве случаев все необязательные теги лучше всё-таки ставить. Не потому, что «Так Надо, Ибо Воистину », или будто это автоматически «сделает код надежнее», а лишь потому, что:

• так удобнее и понятнее большинству разработчиков;
• так настроено по умолчанию большинство инструментов.

Код должен решать свою задачу. Задача исходников — не столько инструкция для браузеров (им-то стиль кода не важен), сколько коммуникация между разработчиками. Понятнее для большинства — коммуникация лучше.

Но не забывайте, что бывают люди и с другими предпочтениями. И увидев у кого-то непривычный стиль валидного кода, не спешите тыкать пальцем «гы-гы, вот ламер, даже теги не закрыл». Лучше поинтересуйтесь, почему так сделано. , а непривычно — не всегда некрасиво. Иногда красота проявляется лишь в целой картине.

А вообще в веб-платформе масса вещей, куда более важных, чем стиль написания тегов или спор между табами и пробелами. Та же доступность хотя бы!

И всё-таки, к одному из аргументов я хотел бы вернуться. В общем-то, ради него я и затеял эту статью:)

Веб-платформа большая и сложная. В ней много неизвестного и непонятного — даже для авторов спецификаций. Сложность и неизвестность пугает. Это естественно. И людям естественно успокаивать себя, отгораживаться от своих страхов приметами и ритуалами. Сплюнул через левое плечо — «беда обойдет». Успел потрогать пуговицу перед черной кошкой — «неудача отступит». Написал тег со слешем — «код не сломается». И т.п.

Не надо так. Приметы не работают. Единственная настоящая защита против неизвестности — знание. Не бойтесь узнавать новое. Даже в том, что другие считают «элементарным». В технике нет мелочей. А HTML — давно не смешные буквы в угловых скобках, а целая колоссальная экосистема. В ней надолго хватит места самым неожиданным открытиям.

А лучший способ изучить что-либо — эксперимент. И у веба огромное преимущество перед, скажем, ядерной физикой или генетикой, что здесь в экспериментах «для себя» иногда можно нарушать правила и смотреть, что из этого выйдет — ничего действительно страшного не случится. Зато станет понятнее, почему правила именно такие. И вообще — а правила ли это (а не реликт совсем другой эпохи с совсем другими ограничениями, скажем — это я не про закрытие тегов, а абстрактно:)

Так что не бойтесь экспериментировать! И пусть с каждым днем всё больше особенностей веб-платформы становится для вас не странной «магией», а понятным и предсказуемым инструментом. Который при ненадобности всегда можно отложить в дальний ящик, но иногда, если задача того потребует, использовать на радость себе и пользователям.