Как правильно написать title. примеры и шаблоны заголовков страниц для seo-продвижения

How Long Should Your Title be?

There are technically no character limits to your title tag, but search engines can only display 60 characters so much of your title before cutting it off.

If your SEO title tags are too long, Google may cut the end of the title off with an ellipsis (…), which could potentially prevent site visitors from seeing important information about the page.

According to Moz’s research, Google usually displays the first 50-60 characters (including spaces) of a title tag, but the more accurate limit would be 600px. This is because some characters (like M, W, etc.) take up more space than others.

Staying under 60 characters is a good rule of thumb, but you can also use many title tag preview SEO tools like this one just to be sure.

If you’re on WordPress, Yoast and All-in-One SEO pack will do the job.

If you want to find title tags that are too long at scale, then I recommend using Screaming Frog.

Open up Screaming Frog, enter your target domain, click on the “Page Titles” tab, and select “Over 65 Characters” from the filter:

You can click on each individual URL and preview what the title tag looks in the SERPs. Just click “SERP Snippet” at the bottom:

Can Your Title Tag and H1 be the Same?

The short answer is, yes. You should try to keep your H1 tag consistent with your title tag, but that doesn’t mean it has to be an exact match. For example, this page has a different title tag and H1 tag:

One method you can use is to vary your H1 from your title tag to rank for more long-tail keyword variations. I prefer keeping my H1 nearly identical to the title, but it’s elements to test for sure.

You can use Screaming Frog to find all titles that are the same as your H1 tags.

Open up Screaming Frog, enter your target domain, click on the “Page Titles” tab, and select “Same as H1” from the filter:

With some of those important title tag questions out of way, let me show you:

Что писать в теге meta description?

О том, как правильно составить description, на что заострить внимание, подробно разъясняют поисковые системы Яндекс и Google. Мы постарались обобщить доступную официальную информацию в следующий свод рекомендаций, которые помогут составить оптимальное мета-описание для вашего сайта

Как правильно заполнить meta description:

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

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

Релевантность. Meta description должен соответствовать той информации, которая находится на странице

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

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

Делайте мета-описания размером не менее 100 символов;

Читабельность. Помните, что ваш сниппет будут читать люди, поэтому описание в нем должно быть емким, но в то же время простым и понятным. Не нужно стараться добавить в meta description как можно больше ключевых слов, поисковые системы с большой вероятностью проигнорируют такое описание. Используйте тематически схожие слова и слова-синонимы, чтобы избежать тавтологий;

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

Обобщение. Мета-описание должно обобщать всю самую ценную информацию на странице. Систематизируйте информацию, разбросанную по странице. Например, для карточки товара это может быть краткое описание товара, цена, производитель, состав, доступные характеристики. Для информационной статьи: основная тема, автор, дата публикации;

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

Актуальность. Мета-описание должно соответствовать актуальной информации на странице. Если вы редактируете содержание странице, поддерживайте в актуальном состоянии и description.

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

Есть ли различия в составлении meta description для разных поисковых систем: Яндекс и Google? Давайте попробуем найти отличия в сниппетах и рекомендациях по составлению мета-описаний.

Примечание

Элемент всегда используется внутри блока .

Содержимое заголовка страницы может иметь важное значение для поисковой оптимизации (SEO). Как правило, более длинный описательный заголовок будет лучше ранжироваться (Ranking), чем короткий или скучный

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

Несколько методических рекомендаций и советов для составления хороших заголовков:

• избегайте заголовков состоящих из одного или двух слов. Используйте описательные фразы или сочетание термин-определение для страниц глоссария (словарь терминов) или справки;
• поисковые системы, как правило, отображают примерно 55-60 первых символов заголовка страницы. Текст, превышающий это количество символов, может быть потерян, так что постарайтесь, чтобы заголовки не были длиннее. Если вам нужно использовать более длинный заголовок, убедитесь, что важные части появляются раньше и что нет ничего критического в части заголовка, которая может быть отброшена;
• избегайте специальных символов, когда это возможно; не все браузеры будут отображать их одинаково. Например, «<» часто отображается в строке заголовка окна как «&lt;» — символ-мнемоника «меньше» в HTML (entity);
• не используйте ключевые слова («keyword blobs»). Если ваш заголовок состоит только из списка слов, то алгоритмы будут часто искусственно понижать позицию вашей страницы в поисковой выдаче;
• убедитесь, что ваш заголовок является уникальным на вашем сайте, насколько это возможно. Повторяющиеся или частично повторяющиеся заголовки могут способствовать неточным результатам поиска.

Как правильно составить тег

4.1. Уникальность <title> внутри сайта

Все страницы на одном сайте должны иметь различный Title. Уникальный

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

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

4.2. <title> должен отвечать содержанию страницы

Указывайте только те ключевые слова, на которые действительно отвечает страница. С введением поведенческих факторов это стало ещё сильнее влиять на позиции в выдаче.

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

4.3. Порядок следования ключевых слов в теге <title> имеет значение

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

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

4.4. Адекватная длина <title>

Количество слов в <title> не должно превышать 5-6. Оптимальное количество символов в title согласно ПС – 70. Обычно эту цифру используют для составления тега title для главной страницы. Для внутренних страниц его длина немного меньше – 40-60 символов. Но опять-таки, это лишь рекомендация. Если есть необходимость сделать тайтл 120 символов, то, значит, делайте его 120 символов. Всё что сделано на благо пользователей — вознаграждается и поощряется.

4.5. Знаки препинания

Используйте знаки препинания в своём <title> только в случае, если это крайне необходимо, и есть уверенность, что поисковая система правильно расценит мысль, которую Вы хотели донести до посетителей. Дело в том, что знаки препинания могут разбить тег <title> на разные смысловые части. Человек сможет разобраться в этом, а вот поисковая система может понять всё совсем иначе.

4.6. Не используйте бесполезные слова

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

4.7. Уточняйте <title>, если это нужно

Не делайте тайтл из одного слова. Например, на многих сайтах есть раздел «статьи»

Если обратить внимание, то многие сайты допускают серьёзную ошибку и имеют заголовок в виде одного слова «статьи», но это абсолютно противоречит здравому смыслу. Это слово явно требует уточнения

Например, «статьи про футбол» — в случае если у вас футбольная тематика будет смотреться куда более понятно. А ещё лучше дополнить это ещё одним более уточняющим словом.

4.8. Дублирование может быть полезным

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

Definition and Usage

The tag defines metadata about an
HTML document. Metadata is data (information) about data.

tags always go inside the <head> element,
and are typically used to specify character set, page description,
keywords, author of the document, and viewport settings.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page),
search engines (keywords), and other web services.

There is a method to let web designers take control over the viewport
(the user’s visible area of a web page), through the tag (See «Setting
The Viewport» example below).

Принцип написания

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

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

Особенно это важно для информационных
статей. Ими часто делятся в соцсетях и на других сайтах, поэтому идея,
что Title – это такой набор слов для поисковиков, в корне неверна

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

Что такое мета теги и как их заполнить?

Мета-теги – это специальные теги в коде страницы, которые описывают документ. В частности, мета-тег description содержит описание страницы, а мета-тег keywords – ключевые слова, которые относятся к данной странице.

Вот так выглядят мета теги в коде страницы:

Содержание мета-тегов не выводится пользователям, но просматривается поисковыми системами.

• Содержание meta-description может использоваться в сниппете и выводиться в качестве описания страницы в результатах поиска. Поэтому данный тег нужно заполнять.

• Мета-тег keywords большой роли не играет и его можно игнорировать (не заполнять).

Как правильно написать meta-description?

• Содержание description должно описывать содержание страницы, к которой относится данный тег.
• Оптимальная длина meta-description – 150-170 знаков с пробелами.
• Текст должен быть написан нормальным человеческим языком с правильно выстроенными предложениями.
• Как правило, владельцы сайтов просят добавить в meta-descriptions определенные ключевые фразы. Их нужно аккуратно внимать.
• Поисковые системы не рекомендуют злоупотреблять в meta-description рекламными лозунгами, заглавными буквами.

Чтобы «настроиться» на правильное написание мета-тега description, можно посмотреть описания к сайтам в Яндекс.Каталоге. Хотя они относятся к сайтам в целом, а description должен отражать содержание конкретной страницы – в целом они показывают нужный стиль.

Как писать keywords?

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

«Дорохедоро» (2020-)

Фото: MAPPA

Признаюсь, я с нетерпением ждала экранизацию «Дорохедоро». Основанное на культовой манге Кю Хаясида, аниме переносит нас в Дыру — мрачный мегаполис, в котором люди соседствуют с волшебными существами. Кроме того, сюда приходят маги из другого измерения, чтобы потренироваться. И конечно, люди недолюбливают магов, причинивших им множество бед. Мы знакомимся с Кайманом, раньше он был человеком, а затем неизвестный маг превратил его в существо с головой ящера. Теперь Кайман одержим идеей найти своего обидчика, чтобы вернуть себе первоначальный вид. Но вот незадача, он ничего не помнит из своего прошлого. Вместе с подругой Никайдо, одаренным поваром, Кайман рыщет по темным закоулкам зловещего города, пытаясь вспомнить свое прошлое. Ах да, внутри Каймана живет другой человек, который вылезает из его глотки, каждый раз когда наш герой ловит очередную жертву. Это лишь небольшая часть странностей, которые ты найдешь в этом темном фэнтези. Тайтл сочетает брутальное насилие, черный юмор и невероятную атмосферу антиутопической вселенной, которые делают «Дорохедоро» одним из лучших аниме-сериалов 2020 года.

Можно посмотреть: Netflix

Зачем нужен дескрипшн?

В результатах поиска отображаются сниппеты – краткие блоки с информацией о странице.

Откуда берется описание? Возможны два варианта:

1. Поисковая машина выбирает отдельный фрагмент контента, который считает наиболее релевантным.
2. Оптимизатор прописывает его в специальном теге.

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

Как повысить кликабельность дескрипшена?

Краткий. Ориентируйтесь на 150 символов. Слишком длинный дескрипшн машина оборвет. Да и люди обычно плохо воспринимают такие описания.

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

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

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

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

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

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

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

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

6. «Акудама Драйв» (2020-)

Фото: Pierrot

Если тебе интересно, как мог бы выглядеть «Отряд самоубийц» от автора «Школы надежды и безнадёжных школьников (2013) и студии, которая сняла «Токийского гуля» (2014-2018), тогда обязательно посмотри «Акудама Драйв». События аниме происходят в дистопичном мире будущего, где японский регион Кансай вынужден подчиниться региону Канто. Это произошло после гражданской войны. Нам рассказывают историю молодой женщины, которая после случайной встречи с закоренелыми преступниками акудама (дословно «плохие парни» — Прим. ред.), оказывается закованной во взрывающийся ошейник и вынуждена совершать, казалось бы, невозможные ограбления по приказу загадочного благодетеля в облике механической кошки. Каждая серия становится все более и более безумной. Невероятный сюжет дополняет великолепная рисовка. Конечно, в аниме слишком много насилия, которое скорее всего оттолкнет многих зрительниц. Но если ты поклонница комиксов DC, наверняка тебя увлечет эта странная и красивая история. Список «лучшие аниме 2020 года» не будет полон без этого аниме-сериала.

Можно посмотреть: Wakanim

Метатег Description: что это такое?

Description или мета-описание — это тег, который описывает содержимое страницы в 155-160 символах. Поисковые системы отображают страницу в результатах поиска, когда в различных её атрибутах, в том числе, description, находятся искомые ключевые слова.

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

5 правил составления Description

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

1. Дескрипшен должен быть создан для людей, быть читаемым и информативным. При естественном описании пользователь получит больше информации и быстрее оценит поисковую выдачу.
2. При создании блока нужно соблюдать уникальность. Каждая страница должна иметь свой индивидуальный мета тег.
3. В дескрипшен запрещено вставлять Title. К таким копированиям поисковики относятся негативно и воспринимают информацию как спам.
4. Если вы перечисляете в теге преимущественные характеристики, то они должны соответствовать действительности. Вносите в блок только правдивые сведения, иначе может пострадать ваша репутация, и пользователь не захочет возвращаться к такому контенту.
5. Не создавайте агрессивных описаний, в которых прослеживается явное принуждение к посещению сайта.

Хороший эффект имеют различные цифровые значения: «100% качество, 20% скидка, 3 вещь в подарок, 20 лет гарантии и т.д.». Не менее важна экспертность: «ГОСТы, СНиПы, статистика, рейтинги, ТОП».

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

Какого размера должен быть Description

В классическом исполнении дескрипшен должен быть составлен из 150-200 символов. Однако если такой объём превышен – это не считается ошибкой. Поисковые системы всё равно индексируют весь блок, поэтому урезать его не имеет смысла.

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

Сработает поведенческий фактор. Он обязательно захочет узнать продолжение и зайдет на сайт.

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

Длина Title

Многие рекомендуют использовать не более 65-75 символов. Да это видимая часть title, но это не означает, что поисковые системы дальше не учитывают ключевые слова в title. Как показывает практика, что вполне себе они находят ключи и за 100 символов. Я использую в основном не более 150 знаков, но иногда бывает и перехожу эти лимиты, и статьи нормально ранжируются по ключам.

Без специальных операторов эта страница тоже находится.

В Google аналогично.

Таким способом мы видим, что поисковая система умеет учитывать слова в длинных title. Поэтому длина title может быть более 80 символов, если этого требует страница.

«Руки прочь от кинокружка!» (2020-)

Фото: Science Saru

Основанное на одноименной манге Сумито Овара, аниме «Руки прочь от кинокружка!» рассказывает историю старшеклассницы Мидори Асакуса и ее подруг — всеобщей любимицы Цубамэ Мидзусаки и хитрой Саяки Канамори, — которые хотят стать участницами школьного аниме-кружка, чтобы снять собственный мультфильм. Далее следует безумное приключение, сотканное из удач и провалов. «Руки прочь от кинокружка!» — это обезоруживающий рассказ о подростковых амбициях, приправленный искрометным юмором. В нем есть все, за что мы любим аниме — подростковая наивность, трогательная дружба и противостояние окружающему миру. «Руки прочь от кинокружка!» можно смело назвать мета-аниме, которое наполнено отсылками к главным столпам японской анимации. Что гораздо важнее, телешоу проникает в глубины творчества и блистательно показывает креативный процесс на экране. Сложно было ожидать чего-то иного от знаменитого режиссера Масааки Юаса («Человек-дьявол: Плакса» 2018, «Пин-Понг» 2014) и команды аниматоров студии Science Saru. Чтобы картина была полностью ясной, необходимо вспомнить великолепную музыку, созданную японским рэп-дуэтом Chelmico и композитором Oorutaichi. В результат мы получили самый запоминающийся и веселый тайтл года, который попадет в лучшие аниме 2020 года

Можно посмотреть: Crunchyroll

Как подобрать ключевики для тайтла

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

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

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

«Яндекс.Вордстат»

Копируем подходящие контексту нашей статьи ключевые запросы. Чтобы понять, какие фразы берем, а какие опускаем, необходимо проанализировать топ поисковой выдачи и понять какие темы раскрываются в рамках этих статей. Если в топе статьи, которые охватывают в себе и общее определение минус-слов и процесс подбора и список генераторов минус-слов, то все это и нам следует описать в одной статье. Но если мы посмотрим выдачу по запросу «генератор минус-слов Яндекс.Директ», то увидим что в топе именно сервисы, а значит наша статья по этому запросу вряд ли выйдет, его стоит опустить.

При подборе ключей не забываем также смотреть поисковые подсказки «Яндекс» и Google.

Поисковые подсказки

Теперь отобранные запросы вставляем в Key Collector и собираем три вида частотности.

Key Collector

Сортируем по точной частотности “!Част” и удаляем нулевки, а также все, что имеет частотность до 5-10. На основе оставшихся ключей пишем статью и соответственно составляем тайтл. Не нужно пытаться уместить в нем все ключи сразу, используйте наиболее частотные прежде всего, а расширяющие ставьте в конце. Ниже рассмотрим специальные формулы для составления тайтла.

Полезно! Чтобы подбирать ключевики и решать прочие SEO-задачи было проще, обратите внимание на эти подборки:

• SEO-расширения Google Chrome;
• SEO-сервисы и программы.

Какая длина Title и заголовка H1 должны быть?

Рекомендуемая длина Title — 70 символов. Связано это с тем, что в поисковой выдаче Яндекса и Гугла выводится первые 70-80 символов.

Яндекс:

Google:

Но знаете что? Это не обязательно.

Да, длинный тайтл не будет отображаться в выдаче, но:

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

Разумно ограничиться 140-150 символами, в подавляющем большинстве случаев такой размер позволит передать всю информацию о странице.

А как быть с H1?

Нет рекомендуемой длины заголовка H1. Главное, чтобы заголовок был емким и понятным.

What is a Title Tag?

As the name suggests, an HTML title tag is an element of your web page’s HTML code that indicates its title. It is often used to let both search engine algorithms and people know what the page’s content is all about.

You can only have one title tag per page. It will appear in your source code as:

Most people will encounter your title tag in four places:

1. Web Browser Tabs

The title tag can be seen on your web browser when you open your page in a new tab.

This is especially helpful when a user has many tabs open and would like to go back to your content. Because of this, it’s important that your title tags are unique, easily recognizable, and can be immediately differentiated from other open search listings.

2. Browser Bookmarks

Browser bookmarks on Chrome browser window show the website’s title tags by default. As you’ll notice below, the page title tags are usually truncated when it’s on the “Bookmarks Bar”.

However, you can see most of a page’s title tag if you’re using folders. This is a good reason why you should use short, but descriptive title tags. More on this soon.

3. Shared Media on Social Media Platforms

You know those little previews on Facebook and Twitter when someone shares content on those platforms? Your title tag will show up in the head section, accurately describe and letting people know what the page is about and what they can expect to find when they click on that link.

Some social networks will allow you to customize your title tag just for their platform user experience. An enticing title tag helps draw in more visitors to your product or home page.

If you’re on WordPress, you can customize your OG data using Yoast and All-in-One SEO Pack. You can also download this OG plugin. It doesn’t require any setup and it will ensure that your “Featured Image” shows up and you get an image credit when people share your content on social.

If you’re having issues with your Featured Image not showing, use the following SEO tools:

• Facebook’s Debugger tool (you can force Facebook to recrawl your page).
• LinkedIn’s Post Inspector
• Twitter’s Card Validator

4. Title Tag In the SERPs 

One of the most important places where your title tag will show is in Search Engine Results Pages (that includes Google, Bing, Yahoo, DuckDuckGo, etc).

The title tag shows up as a big, blue clickable link above a short meta description or summary.

This means that if someone found your web page by a search query that is related to your business, this is your first chance to make a lasting impression and convince them to click on your website.

It’s very easy to add a title tag to your website, but writing an effective one takes time, research, and a little skill (that’s easily developed).

But first, you need to know: