Теги заголовка документа

HTML Урок 25 Элементы Заголовка

Попробуйте сами — Примеры

Заголовок документа
Тег определяет заголовок документа.

Одно назначение (target) для всех ссылок
Как использовать тег base, чтобы все ссылки на странице открывались в новом окне.

HTML Элемент head

Элемент head — это контейнер для всех head-элементов (т.е. «головных» элементов или элементов заголовка, идущих вначале HTML документа). Элементы внутри включают скрипты, инструктируют браузер, где искать таблицы стилей, обеспечивают meta-информацию (вспомогательную информацию, описание страницы), и так далее.

Следующие теги могут быть добавлены в head-секцию: , ,
, ,

Заголовок документа — тег HEAD и его элементы

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

Основные теги, заголовки.

В этом уроке мы разберем основные теги html применяемые к тексту, а именно теги &ltb&gt, &lti&gt, &ltu&gt, &lts&gt, &ltcenter&gt, &ltp&gt, &lth1&gt, &lth2&gt, &lth3&gt, &lth4&gt, &lth5&gt, &lth6&gt.

Тег &ltb&gt — делает шрифт жирным (мы уже сталкивались с этим тегом).
Тег &lti&gt — делает шрифт курсивным.
Тег &ltu&gt — подчеркивает текст.
Тег &lts&gt — зачеркивает текст.

* Все эти теги требуют закрытия. Впредь, если я не буду ничего говорить про закрытие тега, то это будет означать, что тег требует закрытия (как сейчас) и это само собой разумеется. Когда мы будем затрагивать теги исключения которые не требуют закрытия, то я обязательно буду это указывать.

Теперь давайте применим теги в нашем коде:

Мы используем в коде все четыре рассматриваемых тега, а так же тег &ltbr&gt который служит для переноса строки. Мы его применяем таким образом, чтобы наши четыре слова были написаны не в строку, а в столбик.
Результат:

Теперь познакомимся с еще одним новым тегом &ltcenter&gt. Данный тег выравнивает текст по центру. Давайте применим его в нашем коде и выровним по центру, например, слово «радость». После внесения изменений наш код выглядит так:

Сохраняем изменения в Notepad (Ctrl + S) и смотрим результат в браузере:

Еще давайте разберем распространенный тег &ltp&gt. Данный тег называют параграфом, но используется он для разделения текста не на параграфы, а на абзацы. Вначале каждого отдельного абзаца ставится открывающий тег &ltp&gt, в конце абзаца ставится закрывающий тег &lt/p&gt. Демонстрировать Вам рисунок с примером не вижу смысла, так как все из Вас читали книги и газеты, соответственно что такое абзац Вы знаете.

В данном уроке было бы логично рассмотреть тег &ltfont&gt, но мы уже уделили ему должное внимание в 4-ом уроке. Я советую Вам еще раз пробежаться глазами по практической части 4-го урока, это не будет лишним.

Заголовки html.

Теги &lth1&gt, &lth2&gt, &lth3&gt, &lth4&gt, &lth5&gt, &lth6&gt — это заголовки разных уровней. Значимость заголовков соответствует названию тегов. &lth1&gt — самый важный, &lth6&gt — не особо важен, можно обойтись и без него. Давайте применим на практике все 6 вариантов, чтобы Вы поняли принцип их работы. Пишем следующий html код:

Сохраняем изменения и открываем файл в браузере.

Заголовки отличаются друг от друга по размеру, чем заголовок важнее, тем он больше. И еще, для того чтобы заголовок писался на новой строке, тег &ltbr&gt (перенос строки) использовать не нужно.

Правила использования заголовков html.

С точки зрения оптимизации Вашей страницы для поисковых систем (Яндекс, Гугл и др.) есть несколько правил и рекомендаций.
1. Самое важное правило: тег &lth1&gt (заголовок 1-го уровня) используется в тексте только один раз и в самом начале статьи. Наличие тега &lth1&gt обязательно. Например, страница на которой Вы сейчас находитесь, имеет заголовок &lth1&gtУрок 6. Основные теги html.&lt/h1&gt
2. Тег &lth2&gt нужно использовать минимум 2 раза, максимум 5.
3. Тег &lth3&gt используется по необходимости.
4. Теги &lth4&gt, &lth5&gt, &lth6&gt можно не использовать вообще (на Ваше усмотрение).
5. Заголовки нужно использовать в строгом порядке. Сначала &lth1&gt, затем &lth2&gt, потом &lth3&gt. Другими словами заголовок &lth3&gt не может находиться выше, чем заголовок &lth2&gt.

Теги заголовка документа. Обязательные теги. Структура документа HTML

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

Но сразу же хочу оговориться, что, в частности, язык HTML – это очень обширный язык, который непрерывно развивается. И поэтому, для того, чтобы овладеть этим языком на высоком уровне, Вы должны тщательно изучить основы (т.е. выпуски моей рассылки). И параллельно с этим практиковаться .

Изучая основы языка HTML, мы будем обращаться к CSS стилям. А значит, мы будем изучать и CSS. Но это чуть позже. Также мы будем обращаться за помощью к javascript.

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

Каждый HTML документ начинается со строчки:

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

Тег весьма разнообразен, и от его модификации зависит то, как будет отображаться содержимое на Вашей странице.

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

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

А пока движемся ниже по странице.

Кстати, а почему я начал рассматривать HTML документ с верхней части страницы?

Потому что браузер загружает страницу и «считывает код» сверху вниз, слева направо. (Впрочем, как мы и читаем книги).

Наверное, не совсем понятно слово тег?

Вообще говоря, тег – это инструкция, которая говорит браузеру, что в данном месте документа нужно сделать.

С помощью тегов мы создаем наши страницы. Все теги заключены в так называемые «уголки» ( ). И закрывающий (с косой чертой). Например, жирный текст . Указывает, что текст между открывающим и закрывающим тэгом strong будет выделен жирным.

Что такое тег, надеюсь, понятно.

Предлагаю набрать что-нибудь своими руками.

Запусти блокнот или wordpad в OC WINOWS. Наберем следующие строчки:

Заказать звонок

Как создавать списки в HTML знают почти все. Это просто.Для маркированного списка используются теги .

Gogetlinks 10 лет. Компания празднует первый юбилей и объявляет конкурс на тему «Я люблю .

Для создания эффективной рекламной компании в Яндекс.Директ необходимо выполнить ряд основных .

Хорошо известно, что Google использует более 200 сигналов ранжирования. Кроме того, каждый год он .

Не так давно, 31 августа, специалисты рoскомнадзора провели рабочую встречу с представителями .

Есть такая, часто возникающая, задача — сравнить два файла по содержимому. Зачем? Ну, к примеру, .

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

Урок 2. Заголовки, абзацы, работа со шрифтами

Давайте посмотрим на два фрагмента текста:

HTML – это язык разметки гипертекста ( Hyper Text Markup Language ).

Теги — это определенные последовательности символов, заключенные между знаками (больше), задающие правила вывода на экран текстов, графики, звука.

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

Вот так часто бывает и с сайтами. Вроде и информация на сайте нужная, а читать его совсем невмоготу. А все потому, что текст не структурирован и идет одной серой массой.

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

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

Теги для создания заголовков.

В HTML-документе поддерживаются заголовки шести уровней при помощи тега

В качестве n следует использовать одну из цифр 1-6, обозначающую уровень.

Самый крупный заголовок – первого уровня (Н1), самый мелкий – шестого (Н6).

Заголовки отделяются от остального текста пустыми строками.

Вот пример применения данного тега:

Заголовок первого уровня

Заголовок первого уровня

Заголовок третьего уровня

Заголовок третьего уровня

Заголовок шестого уровня

Заголовок шестого уровня

Да, кстати, иногда теги употребляются не просто так, а с атрибутами.

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

Заголовок по центру

Заголовок справа

Заголовок слева

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

Абзацы

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

Для разбивки текста на абзацы используется тег

Текст абзаца также можно выровнять с помощью атрибута align:

— по правому краю,

Работа со шрифтами

Гарнитура — это особенности оформления и начертания шрифта.

с «засечками»,
«рубленные»,
«рукописные».

Обычный текст лучше читается, если выбран шрифт с «засечками» (Times, Courier).
В одной и той же гарнитуре существуют несколько начертаний – обычный шрифт, курсив, полужирный курсив.
Размер шрифта определяется в «пунктах» (1 pt = 0,353 мм). Для отображения основного текста лучше всего подходит шрифт размером 12 Pt.

Упражнение

Откройте Блокнот и наберите в нем следующий фрагмент кода:

Тег title — заголовок страницы

Тег — это заголовок страницы, название страницы и один из самых важных элментов как с точки зрения SEO оптимизации так и с точки зрения оптимизации конверсии. Заголовок страницы — это первый элемент, который чаще всего встречает пользователя. От содержимого заголовка ( ) зачастую зависит будет ли выбрана страница среди прочих или закрыта.

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

Синтаксис заголовка title

Тег располагается внутри тега и имеет обязательный закрывающий тег — . Тег заголовка документа TITLE не имеет атрибутов и может использоваться на странице только один раз. Кроме того, элемент не имеет прямого отображения на веб-странице. Чаще всего, заголовок страницы title отображается в верхней части окна браузера. Однако, не только по этому, следует задуматься над тем как оптимизировать заголовок страницы title.

Значение заголовка

Тег имеет ключевое значение на странице и используется в различных целях в качестве заголовка страницы:

• Информирование посетителей о содержании страницы. Текст заголовка позволяет посетителю получить информацию о названии страницы, содержимом страницы, названии сайта. Поскольку заголовок страницы отображается на вкладке панели задач браузера, текст заголовка страницы помогает ориентироваться в свернутых страницах. Отсутствие текста может негативно отразится на желании посетителя просматривать страницу.
• Сохранение веб-страницы на локальном компьютере. Многие браузеры позволяют сохранять содержимое веб-страниц в виде файла на локальный компьютер. В качестве названия файла при сохранении будет выбран заголовок страницы .
• Сохранение страницы в избранное. Современные веб-браузеры позволяют создавать списки предпочитаемых ссылок в специальный раздел «Избранное». При сохранении ссылки страницы в избранное, в качестве нзвания страницы используется содержимое заголовка title. А поскольку ссылки из «Избранного», как правило, хранится в виде отдельных файлов, в качестве названия файлов, так же используется заголовок страницы TITLE.
• Заголовок страницы в результатах поиска. Поисковые системы активно используют заголовок страницы для формирования названия ссылки на страницу сайта. Текстовое содержимое тега используется для анализа сайта и вычисления релевантности страницы. Наличие ключевых в заголовке страницы может положительно повлиять на релевантность страницы. Соответствие заголовка ключевому запросу и правильная формулировка могут сделать ссылку на сайт более заметной и привлекательной для посетителей, что в свою очередь повысит CTR — (синоним — кликабельность, от англ. click-through rate) и увеличит поисковый трафик на сайте.

Как оптимизировать заголовок страницы тег

Длина заголовка страницы title — 60-100 символов. Подумайте, как будет выглядеть заголовок страницы в результатах поиска или во вкладке браузера. Из-за ограничения длины заголовка страницы, длинное название будет обрезано и что останется в итоге? Будет ли название страницы информативным и привлекательным? Заголовок страницы должен быть коротким . И чем короче будет название страницы, тем с большей вероятностью посетитель прочтет его и зайдет на страницу. Ведь зачастую именно по названию страницы пользователи решают открывать страницу или нет.

Ограничение длины заголовка делает недопустимым размещение в названии страницы всевозможного информационного мусора вроде: «Главная страница» или «Добро пожаловать!». Заголовок должен состоять из характерных странице ключевых слов, собранных в короткую, читаемую, осмысленную и информативную фразу. Постарайтесь избегать прямых перечеслений ключевых слов. Кроме того, существует ряд символов нежелательных для использования в заголовке страницы: ( = / ! ? * » : | + _ ). Не стоит использовать какие-либо символы для «украшения» заголовка страницы. Необходимо избавлять заголовок от всего, что не несет полезной информации о странице.

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

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

Правильный заголовок страницы

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

1. Длина заголовка 60-100 символов;
2. Размещайте ключевые слова вначле заголовка или ближе к началу;
3. Используйте меньше прямых перечислений ключевых слов;
4. Краткость, ясность и осмысленность названия страницы;
5. Исключайте, по возможности, лишние символы ( = / ! ? * » : | + _ );
6. Исключайте повторяющиеся части или оставляйте их вконце заголовка;
7. Соблюдайте единообразие в названии страниц;
8. Не вводите в заблуждение посетителей, заголовок должен соответствовать содержимому страницы;
9. Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.

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

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

И пишите правильные заголовки!

Тег HTML заголовок страницы

Тег определяет заголовок HTML страницы. Этот тег не отображается на самой веб странице. Браузеры обычно выводят его как название вкладки. Также тег title используется поисковыми системами как заголовок сайта в выдаче.

Не путайте HTML тег с глобальным атрибутом title — это разные вещи.

Элемент находится в области страницы (подробнее про раздел head). Можно использовать только один тег title на странице.

Синтаксис

Содержимое тега заголовка используется:

• как название вкладки в браузере;
• как название страницы при добавлении в Избранные или Закладки;
• как заголовок сниппета сайта в поисковой выдаче.

Атрибуты у тега title отсутствуют.

Пример использования в HTML коде

Поддержка браузерами

Тег title в поисковых системах

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

Чтобы правильно заполнять тег нужно учитывать следующие правила:

• Пишите внутри title только то, что соответствует содержанию страницы.
• Не пишите слишком длинные заголовки.
• Не стоит делать из заголовка перечисление ключевых слов.
• Ставьте наиболее важную информацию в начало заголовка.

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

и название раздела сайта (например, для страницы товара интернет магазина: название товара из h1 и категория товара). Хотя эта схема не является идеальной, ее использование оправдано во многих случаях.

Вот пример тега title для этой страницы (один из вариантов):

Теги h1-h6, заголовки в HTML

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

Для создания основной структуры текста используют заголовки. В HTML существует целое семейство заголовочных тегов: от

обозначает самый важный заголовок (заголовок верхнего уровня), а тег

обозначает подзаголовок самого нижнего уровня. Буква «h» в названии тега — это первая буква английского «heading».

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

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

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

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

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

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

Как написать мета-теги заголовков для SEO (с хорошими и плохими примерами)

Что такое теги заголовков? Как их писать? Важны ли они? Помогают ли они поисковой оптимизации? Есть ли примеры использования хороших и плохих мета-тегов?

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

Для всех остальных — давайте сначала подробно рассмотрим, что такое мета-теги и зачем они нужны:

Что такое мета-теги

Как писала Кристин Шахингер в своей статье , мета-теги — это HTML-элементы, которые предоставляют информацию о веб-странице для поисковых систем и посетителей сайта.

Данные элементы должны быть размещены, как теги в разделе HTML-документа:

Что такое тег заголовков?

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

Этот заголовок будет появляться в разных местах по всему Интернету: например, во вкладке вашего браузера:

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

Плюс, тег заголовка — это самая главная голубая ссылка в поисковой выдаче:

Куда добавить тег заголовков?

Вы можете добавить тег заголовка в HTML-документа. Выглядит примерно таким образом:

Пример заголовка

Но в большинстве систем управления контента (CMS), включая WordPress, можно добавить тег заголовков в основных настройках:

Если вы используете какой-нибудь SEO плагин, например Yoast, вы можете добавить тег заголовка в раздел ‘SEO title’ и посмотреть превью изображения, как будет выглядеть ссылка на страницах поисковых результатов:

Когда вы пишите статью, то поле заголовка автоматически становится тегом заголовка.

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

тег — еще одна возможность сказать Google о контенте на странице, используя различные ключевые слова.

Почему теги заголовков так важны?

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

Теги заголовков — сигнал ранжирования?

Согласно Moz , теги заголовков “долго считались одними из самых важных SEO-элементов на странице”. Если ключевые слова поставить впереди тегов заголовков, то страница будет ранжироваться лучше.

Как написать отличный тег заголовка

С точки зрения SEO, тег заголовков должен содержать все ключевые слова, по которым должна ранжироваться страница. Самое главное ключевое слово должно быть в начале предложения, за ним менее важные, и в конце — название бренда.

Moz предлагает следующий шаблон заголовка:

Главное ключевое слово – Второстепенное ключевое слово | Название бренда

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

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

Чек-лист

Кристин Шахингер составила прекрасный чек-лист, как оптимизировать теги заголовков :

• Длина: В заголовке должно быть 50-60 символов с пробелами.
• Ключевые слова: Самые важные ключевые слова должны быть вначале, менее важные — в конце.
• Название компании: Если название компании не входит в список самых важных ключевых слов, то поместите его в конце тега заголовка.
• Не используйте дубликаты: Для каждой страницы должен быть свой заголовок. Не делайте дубликатов, иначе это негативно скажется на видимости сайта в поисковой выдаче.
• Сделайте заголовки релевантными: Теги заголовков должны описывать контент на странице.
• Не “пичкайте” теги заголовков ключевыми словами: плохие теги заголовков пытаются ранжировать страницу по всем возможным ключевым словам. Избыток ключевых слов не желателен для тегов заголовков. За такое могут забанить.
• Заголовок статьи (

тег) должен отличаться от тега заголовка: Это ещё одна возможность разнообразить ключевые слова на странице и увеличить вероятность появления страницы в поисковой выдаче.

Может ли Google игнорировать тег заголовка?

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

Хорошие примеры тегов заголовков

Перед вами несколько примеров, как должны выглядеть ваши страницы в поисковой выдаче.

‘best burgers in london’

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

‘nike trainers’

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

‘radiohead moon shaped pool review’

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

Плохие примеры тегов заголовков

А теперь, как не должны выглядеть теги заголовков:

‘best burgers in london’

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

‘nike trainers’

Ключевого слова не видно. Наверняка, оно находится где-то в конце, но так как заголовок слишком длинный, его обрезали. Сама ссылка выглядит очень спамной.

‘radiohead moon shaped pool review’

И хотя сайт Mashable применяет разные методы при написании заголовков. Стоп-слова в начале тега заголовка вытеснили главные ключевые слова в середину, а сама ссылка оказалась на 4 странице поисковых результатов Google. Заголовок хороший, но в теге заголовка нужно поменять порядок ключевых слов.

Заголовки и теги: для чего нужны и как составлять?

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

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

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

Основа SEO-продвижения – это качественно подобранные ключевые слова. Все они в сумме составляют семантическое ядро сайта.

У вас наверняка есть список запросов, по которым мечтаете привлекать клиентов (список если не в электронном виде, то хотя бы в голове).

Чтобы было понятнее, расскажу историю про один сайт.

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

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

Итак, у вас есть примерно три ключевых слова для страницы (мы советуем на 2000 знаков использовать от 1 до 5 ключей, не больше), на которую будете писать текст, что делать с ними дальше?

В нашем случае мы писали текст для главной страницы.

Главную страницу продвигали по трём запросам: подготовка к школе, английский язык для детей +в Москве, секции +для детей +в Москве.

В первую очередь следует добавить эти ключевые слова в теги.

Тег Title

Это заголовок страницы. Пользователь может увидеть его в браузере. Вот так он выглядит:

Он сообщает роботам поисковых систем, о чем эта страница, какова тематика контента. При оценке релевантности поисковики придают огромное значение информации, которую вы заключаете в содержание тега.

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

Длина:

70 символов. В данный объем не входит название компании, регион и номер телефона, но в теге для главной обязательно прописывается.

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

Ключевые слова:

Одну страницу в идеале продвигать в среднем по 3 запросам. Соответственно, с учетом допустимой длины (70 символов), постарайтесь прописать тег title с использованием 2 самых важных запросов. На первое место поставьте ключ с наибольшим количеством показов. Рекомендую использовать прямое вхождение.

Где размещать?

Прописываем тег в блоке Head кода страницы. Вот так:

Мета-тег Description

Описание страницы. Информация, содержащаяся в данном мета-теге, может быть использована для формирования сниппета. Description отображается только в коде страницы. Пользователям данный элемент не виден.

Длина:

Рекомендуемая длина тега – 200-250 символов (с учетом региона, номера телефона и названия компании). Здесь тоже не стоит использовать какие-либо другие символы, кроме точки, запятой, двоеточия и тире.

Ключевые слова:

Так как в данном мета-теге больше объем по символам, чем в теге title, то можно попробовать включить все 3-5 ключевых слов, по которым планируете продвигать страницу. Начинайте Description со второго по частотности запроса и тоже постарайтесь взять его в прямом вхождении (при условии, что не нарушится удобочитаемость для пользователя, помним, что пользователь важнее любой оптимизации). Разбавляйте содержимое тега маркетинговыми элементами – информацией о ценах, скидках, выгодных предложениях.

Где размещать?

Как и title, прописываем мета-тег Description в блоке Head кода страницы. Пример:

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

Заголовки

Заголовок – это первое, на что обращает внимание пользователь при посещении страницы. От того, насколько хорошим и заманчивым вы его сделаете, зависит, останется ли посетитель на ресурсе, продолжит читать текст или уйдёт дальше искать на других сайтах. Помните – у вас есть всего несколько секунд, чтобы вызвать интерес пользователя.

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

На любой веб-странице встречаются заголовки разного уровня от

. Как их правильно прописать и разместить на странице – читайте в статье.

– самый значимый заголовок. Для него выбирайте самое важное и максимально точно описывающее страницу ключевое слово:

На выходе у вас должна получиться вот такая карта релевантности:

Чего добились в итоге?

После наших работ увеличился трафик из поисковых систем Яндекс и Гугл.

Как писать продающие заголовки?

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

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

Правило 1. Заголовок должен вызывать желание читать дальше

Вы должны четко понимать, кто ваша целевая аудитория, и отталкиваться от ее потребностей и желаний. Например, если ваша ЦА – молодые мамы, желающие отдать детей в центр раннего развития – у них одни потребности. В данном случае можно в заголовке взывать к чувствам женщин: каждая мама хочет воспитать гения, который обязательно добьётся успеха. Пример заголовка, заточенного под ЦА:

Правило 2. Будьте конкретными

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

Правило 3. Не «мыкайте»

«Мы то, мы второе, мы пятое, мы десятое» – пользователю всё равно, какие вы молодцы. Его интересует лишь то, что он сам получит после сотрудничества сами. Поэтому прекращайте «мыкать». Делать это вообще можно лишь в текстах раздела «О компании», да и то в меру. Пишите заголовки ВЫ-ориентированные. Тем самым пользователь понимает, что вы заботитесь и думаете о нем, стараетесь решить проблему, с которой он к вам пришел.

Это далеко не все правила, которыми следует руководствоваться при написании текстов. Узнать о 7 правилах написания текстов для сайта можно здесь. Если у вас нет времени или желания разбираться во всех тонкостях – пишите нам! С радостью возьмем на себя эту работу.

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Руководитель отдела управления репутацией (SERM) сервиса 1PS