Title tag: the complete seo guide for 2021
Содержание:
Содержание
Посмотрите это видео о распределении. Там говорится о том, что умеющий грамотно делать распределение специалист уже входит в категорию Middle SEO-специалистов. По опыту, именно на этом этапе часто приходится подключаться руководителю SEO-группы, либо тим-лиду, чтобы сказать о том, что здесь нужно создавать какие-то другие страницы, потому что текущие SEO-специалисты часто пытаются «впихнуть» в ту структуру, которая есть у сайта.
Внутреннюю оптимизацию мы начинаем с тега Title. Мы будем говорить о том, какая роль у тега Title, каким образом мы понимаем эту роль (то есть, какое исследование мы провели для того, чтобы осознать роль этого тега), сформируем оптимизированные теги Title по шагам, посмотрим примеры хороших и неудачных тегов и инструментарий, который будет полезен крупным и мелким проектам.
HTML Tags
<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>
HTML Tags
<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>
Формулы создания идеального тайтла
Я за уникальность, творческий подход. Но когда не хватает времени, наступает творческий кризис, приходится пользоваться шаблонами.
Если вам нужно уместить несколько ключей в title, воспользуйтесь одной из формул:
- + = . Например, сделать оглавление + оглавление курсовой в Ворде = сделать оглавление курсовой в Ворде.
- + + = . Например, чем кормить ребенка + кормить в год + меню = чем кормить ребенка в год: меню.
- + + = . Например, как составить семантическое ядро + составить правильно + семантическое ядро сайта = как правильно составить семантическое ядро сайта.
Универсальные шаблоны:
- Запрос + регион + дополнительная информация. Например, грузоперевозки по Москве до 5 тонн.
- Запрос + регион + дополнительная информация. Например, танцы живота в Краснодаре — программа для начинающих.
Следите за тем, чтобы длина полученного тайтла была оптимальной.
Закончились идеи? Перечитали много статей, но лучше писать заголовки так и не получается? Приглашаю вас к нам на обучение копирайтингу. Наши выпускники — эксперты, которые зарабатывают на фрилансе от 30 000 рублей и ни от кого не зависят. Не верите? Бросайте свой копеечный заработок и го к нам учиться.
«Дорохедоро» (2020-)
Фото: MAPPA
Признаюсь, я с нетерпением ждала экранизацию «Дорохедоро». Основанное на культовой манге Кю Хаясида, аниме переносит нас в Дыру — мрачный мегаполис, в котором люди соседствуют с волшебными существами. Кроме того, сюда приходят маги из другого измерения, чтобы потренироваться. И конечно, люди недолюбливают магов, причинивших им множество бед. Мы знакомимся с Кайманом, раньше он был человеком, а затем неизвестный маг превратил его в существо с головой ящера. Теперь Кайман одержим идеей найти своего обидчика, чтобы вернуть себе первоначальный вид. Но вот незадача, он ничего не помнит из своего прошлого. Вместе с подругой Никайдо, одаренным поваром, Кайман рыщет по темным закоулкам зловещего города, пытаясь вспомнить свое прошлое. Ах да, внутри Каймана живет другой человек, который вылезает из его глотки, каждый раз когда наш герой ловит очередную жертву. Это лишь небольшая часть странностей, которые ты найдешь в этом темном фэнтези. Тайтл сочетает брутальное насилие, черный юмор и невероятную атмосферу антиутопической вселенной, которые делают «Дорохедоро» одним из лучших аниме-сериалов 2020 года.
Можно посмотреть: Netflix
HTML Reference
HTML by AlphabetHTML by CategoryHTML Browser SupportHTML AttributesHTML Global AttributesHTML EventsHTML ColorsHTML CanvasHTML Audio/VideoHTML Character SetsHTML DoctypesHTML URL EncodeHTML Language CodesHTML Country CodesHTTP MessagesHTTP MethodsPX to EM ConverterKeyboard Shortcuts
HTML Tags
<!—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
Частые ошибки
Рассмотрим наиболее часто встречающиеся ошибки, допускаемые при составлении title:
- Неуникальные title. Заголовки повторяются внутри сайта или копируются у конкурентов по продвигаемому ключевому запросу.
- Нечитабельные заголовки, содержащие морфологические ошибки. Не нужно вписывать ключевой запрос в заголовок в точности, если он не соответствуют принятым нормам. Например, ключ: «ремонт недорого Москва». В title его можно вписать так: «Ремонт в Москве недорого» или «Ремонт не дорого в Москве».
- Title является перечнем ключевых слов через запятую. В таком случае поисковики могут посчитать это за переспам.
- Нерелевантность title контенту. Грубая и в то же время часто встречающаяся ошибка.
- Неоднозначность интента. Например, если вы продвигаете статью про торт «Наполеон», то в title нужно уточнить, что статья именно про торт, а не про коньяк или французского императора.
Что такое Title?
Тег Title является заголовком окна браузера и одним из самых важных элементов SEO-оптимизации страницы. Заголовок Title по-умолчанию является заголовком поискового сниппета, и от качества его составления будет зависеть не только релевантность документа поисковым запросам, но и CTR (кликабельность) сниппета. В каждой вкладке браузера вы можете увидеть заголовок Title конкретной страницы.
Наряду с описанием meta-description правильно составленный Title может привлечь внимание пользователей, которые думают, какую вкладку в поисковой выдаче им открыть. Некачественно составленный Title может не раскрыть содержания страницы, и тогда пользователь уйдет к вашим конкурентам
Заголовок сниппета, в отличие от мета-описания, отображается более крупным шрифтом и подсвечивается синим цветом как в Яндекс, так и в Google. Title является основным звеном привлечения внимания пользователей, именно поэтому его оптимизации уделяется столько внимания.
Чем отличается title от h1?
Заголовок первого уровня H1 имеет схожие черты с title, однако, это два совершенно разных тега. H1 заголовок отображается непосредственно на странице, отражает общее ее содержание для пользователей и обобщает всю семантику документа в единое ключевое слово. Title, в свою очередь, является заголовком окна браузера, непосредственно на странице он не отображается, и является источником информации для поисковых систем, которые по содержанию данного тега отчасти получают представление о релевантности страницы тем или иным запросам. Если h1 пользователь видит уже после перехода на сайт, то title он видит до.
В отличие от h1 заголовка title:
- Должен быть оригинальным, представлять интерес для пользователей, повышать CTR сниппета;
- Может включать в себя дополнительные ключевые слова.
Объединяет title и H1 то, что оба данных тега должны содержать общие ключевые слова. Одинаковыми эти теги могут быть для категорий и навигационных разделов сайта, это поможет поисковикам корректно . В остальных случаях вам нужно ориентироваться на свои цели: вы можете сделать title и h1 уникальными, чтобы расширить семантику документа, либо оставить их одинаковыми, если документ отвечает только конкретному ключевому запросу.
4 steps to creating an SEO-friendly title tag
Google and other search engines look for several factors to get a sense of a page’s quality and topic, and you can get closer to the number one search result spot with an optimized title tag.
Since meta title tags have such a prominent role in SEO, it’s useful to know how to capitalize on them for higher rankings. Check out these four steps to start creating effective, SEO-friendly title tags.
1. Create an original title
Search engines look for unique, detailed title tags for each page on your site. The danger that some run into is using duplicate titles for similar pages, and this can hurt your rankings.
For instance, if you title multiple pages on your site with the tag “Most Affordable Goods – Buy Now,” potential customers and search engines can have difficulty understanding which page they were just on and where they want to go. Search engines also won’t differentiate between them and will have trouble choosing one to rank.
Google also steers clear of “boilerplate” titles, which reuse elements and only slightly shift a word from one page to the next.
Consider the keywords you’re targeting and what makes your business unique, and let those characteristics lead the way in your SEO title tag.
Construct a creative but straightforward title that reflects your services and products. Even with a daunting collection of pages to name, you can utilize title tag templates to produce SEO-appropriate titles.
2. Insert the central keywords
It’s crucial to place your foundational keywords into your SEO title tag because recognizable terms in the title can attract more visitors and appeal to search engine’s standards.
If possible, start your title tag off with your central keywords to give them a valuable position. As people quickly judge which page to click on in the SERP, an early keyword reference can draw them toward your site.
Also, long-tail keywords in your title tag can pinpoint a specific group of interested customers, so check for related keywords that extend to three or more keywords. Adapt long-tail keywords for your title tag for a more robust approach to SEO optimization.
Unsightly keyword stuffing is never the answer, so avoid titles that trail on with keyword variations that won’t increase user satisfaction — “Scarves for Sale, Buy Scarves, Buy a Scarf Today.”
3. Add a hook
For a title tag that sufficiently reels people in, you need a captivating message or eye-catching features. Even this concise line should address customer pain points, and title tags can instill a hook in a variety of ways.
Emotion is an essential hook to target users, and you can input it through the right descriptive words. Rather than listing a blog as “Yard Maintenance Tips,” you can spruce it up with powerful terms and title it “Incredible Yard Maintenance Tips for a Gorgeous Lawn.” While retaining your core keywords, you can help your title resonate with people.
Another strategy is to use numbers in the title tag, which lets users know they can easily move through a list. Manageable lists are a crowd favorite, and a numbered roundup or guide can entice plenty of traffic.
In the same way that quantitative descriptions grab people’s attention, adding the year also indicates timely information. Tacking “2019” onto your title is perfect for industries that constantly change and rely on trends, but they tend to perform well due to their fresh data.
There are several ways you can create intrigue for your page via the title tag. First, explore your target audience’s needs and desires to raise your CTR and develop revenue.
4. Appropriately promote your brand
The title tag is an excellent place to reinforce your brand and spread awareness. However, be cautious where, when, and how much you refer to your brand.
A homepage or “about us” page are both ideal places to strongly promote your brand name, but you can also finish off other pages with a brief mention of your business. For instance, in the following example, Crate and Barrel added their name at the end of the title tag.
If your business’ name is well-respected and recognizable, it’s reasonable to emphasize it in your titles, because it organically gains interest and trust from users. Balance your brand name usage in title tags for optimal SEO.
Speaking of homepages, if you’re interested in homepage SEO, WebFX has you covered.
VIEW THE GUIDE
Другие полезные мета-теги
Ниже я приведу еще несколько мета-тегов, которые напрямую не влияют на индексацию и ранжирование страниц, но их тоже важно знать специалисту по SEO
Мета-тег Viewport
Синтаксис
<meta name="viewport" content="width=device-width, initial-scale=1" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте. Актуальность тега возросла с переходом значительной части аудитории в Mobile. В случае применения адаптивной верстки, наличие этого тега позволяет правильно учитывать размер используемого устройства (ПК, планшет, смартфон).
Значение адаптирует ширину окна просмотра к экрану устройства. Значение обеспечивает соотношение 1:1 между пикселями CSS и независимыми пикселями устройства.
В случае отсутствия этого тега страница будет отображаться как на десктопе, даже если адаптивная верстка настроена корректно. Поэтому при анализе соответствия сайта требованиям для мобильных устройств, наличие мета-тега ViewPort является обязательным и для Google, и для Яндекса.
Мета-тег NoYDIR
Синтаксис
<meta name="slurp" content="noydir" /> или <meta name="robots" content="noydir" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте. Этот тег используется в следующих случаях. Если сайт был добавлен в каталог Yahoo!, то некоторые поисковые системы могут выводить описание сайта, взятое из Yahoo! Directory. Если это не нужно, то добавляется этот тег.
Мета-тег Generator
Синтаксис
<meta name="generator" content="WordPress 4.6.6" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Эти мета-теги используются некоторыми CMS с целью предоставления информации о том, на каком движке или на какой версии движка сделан данный сайт. Если он указан, специалисту будет легко определить CMS сайта.
Мета-теги Author и Copyright
Синтаксис
<meta name="author" content="Иван Иванович" />
<meta name="copyright" lang="ru" content="ООО Ромашка" />
Тег должен находиться внутри контейнера <head>…</head> в любом месте.
Теги используются соответственно для указания авторства и авторских прав. Не стоит путать эти мета-теги с возможностями микроразметки. Если необходимо корректно настроить авторство, лучше обратиться к этим статьям:
HTML Tags
<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>
Ссылки из социальных сетей содержат
Все социальные сети при постановке ссылки на сайт автоматически подгружают заголовок сайта (тег <title>). Это, в свою очередь, также будет оказывать влияние на то, будут ли переходить пользователи из социальных сетей.
Например, в социальной сети ВКонтакте при написании адреса страницы сайта URL автоматически появляется подсказка:
Или сокращенный вариант без изображения в ВК
В социальной сети Твиттер:
Входящие ссылки и title
Входящие ссылки на продвигаемую страницу, как правило, должны содержать слова из тега title страницы акцептора. Причём, часть входящих ссылок должна иметь прямое вхождение, часть ссылок – частичное, часть ссылок должна вмещать в своём анкоре словоформы синонимы и так далее. Это нужно, чтобы seo-продвижение сайта происходило по одним запросам.
Что можно писать в H1
Чтобы зацепить и удержать читателя, при составлении тега H1 можно задействовать один из нескольких приемов:
Решение проблемы. Любой материал или товар должен помочь человеку решить проблему, удовлетворить потребность или нужду, даже если это нужда в информации.
Вопрос. Это может быть утвердительный, конкретизирующий или чисто символический вопрос. Зависит от контекста и того, насколько может изловчиться автор.
Интрига. Если есть возможность, укажите эксклюзивную информацию, секрет или тайну. Но не стоит перегибать палку и создавать двусмысленность.
Цифра
Их указание в заголовке создает чувство полезности и важности информации. Люди любят получать информацию в сжатом и качественном виде, а цифры именно это и показывают.
Удивление
Неожиданное сообщение точно привлечет внимание клиента, особенно если оно содержит новую для него информацию.
«Вызов» читателю, этот прием также называется «экзамен»
При составлении таких заголовков читателю предлагается проверить себя.
Практически все указанные методы создают «крючок», цепляют читателя и удерживают его на странице.
Правила заполнения H1
Заголовок всегда размещается в самом верху страницы и заключается в теги
…
Он привлекает внимание вашей целевой аудитории и отражает базовую мысль материала
Есть несколько правил, которые крайне важно соблюдать при составлении:
Тег указывается на странице только один раз.
Заголовок должен привлечь внимание читателя.
Фраза абсолютно уникальна, легко читается и составляется в соответствии со всеми правилами русского языка. При этом в ней не содержатся излишние восклицательные знаки и спецсимволы
Не стоит допускать набора заголовка полностью заглавными буквами.
Ни в коем случае не ставится точка в конце. В редких случаях допустимо использование вопросительного «?» или восклицательного «!» знаков.
Заголовок не повторяет тег Title, но в то же время и не противоречит ему.
Указание ключевых слов или фраз в H1 не помешает, желательно в самом начале. Не надо злоупотреблять прямыми вхождениями – рекомендуется разбавлять заголовки синонимами и тематическими словами. И при этом следует проследить, чтобы в H1 и Title были задействованы разные ключи.
Частые ошибки при написании H1
Причин недопущения ошибок при написании заголовка очень много. Самой главной является потеря не только внимания посетителя, но и его доверия, особенно если при написании допущены грамматические ошибки. Постарайтесь, чтобы следующие пункты в ваших заголовках не проскальзывали:
- Отсутствие тега H1 на странице.
- Нет согласованности между некоторыми словами и фразами. Так бывает, когда автор пытается «впихнуть невпихуемое», то есть вставить слишком много ключевых слов.
- Наличие более чем одного заголовка на странице.
- Ошибки с ключевыми словами или фразами. Вредно как их отсутствие, так и чрезмерное употребление, то есть переспам.
- Полное совпадение с тегом Title.
- Чрезмерно длинные или короткие названия. Исключение составляют лишь названия разделов сайта или категории.
- Ошибки в грамматике и пунктуации.
- Неверная иерархия, когда перед H1 расположены теги более низкого ранга.
- Содержание большого количества прилагательных и усилительных глаголов.
Группа значений атрибута NAME
«keywords» (ключевые слова)
Keywords поисковые системы используют для того, чтобы определить релевантность страницы тому или иному запросу. При формировании данного значения необходимо использовать только те слова, которые обязательно встречаются в самом документе. Использование тех слов, которых нет на странице, не рекомендуется. Ключевые слова нужно добавлять по одному, через запятую, в единственном числе. Рекомендованное количество слов в «keywords» — не более десяти. Кроме того, выявлено, что разбивка этого значения на несколько строк влияет на оценку ссылки поисковыми машинами. Некоторые поисковые системы не индексируют сайты, в которых в значении «keywords» повторяется одно и то же слово для увеличения позиции в списке результатов.
Если раньше «keywords» имел определённую роль в ранжировании сайта, то в последнее время поисковые системы относятся к нему нейтрально.
HTML-код с «keywords»:
«description» (описание страницы)
Description используется при создании краткого описания конкретной страницы Вашего сайта. Практически все поисковые системы учитывают его при индексации, а также при создании аннотации в выдаче по запросу. При отсутствии «description» поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова. Отображается после ссылки при поиске страниц в поисковике, поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Таким образом, правильный description обязательно должен содержать ключевое слово, коротко и точно описывать то, о чём данная веб-страница. «Description» вместе с «title» образуют очень важную пару значений, от которых зависит то, перейдёт пользователь из поисковой выдачи на веб-страницу или нет! Поэтому «description» и «title» нужно прописывать для каждой веб-страницы!
HTML-код с «description»:
«Author» и «Copyright»
Эти значения, как правило, не используются одновременно. Функция author и copyright — идентификация автора или принадлежности контента на странице. «Author» содержит имя автора веб-страницы, но в случае, если веб-сайт принадлежит какой-либо организации, целесообразнее использовать значение «Copyright».
HTML-код с «author»:
«Robots»
Robots — формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем.
У «robots» могут быть следующие значения:
- index — страница должна быть проиндексирована;
- noindex — страница не индексируется;
- follow — гиперссылки на странице учитываются;
- nofollow — гиперссылки на странице не учитываются
- all — включает значения index и follow, включен по умолчанию;
- none — включает значения noindex и nofollow.
HTML-код с «robots»:
More Examples
Example
The <base> tag (specifies a default
URL and target for all links on a page) goes inside <head>:
<html><head> <base href=»https://www.w3schools.com/» target=»_blank»>
</head><body><img src=»images/stickman.gif» width=»24″
height=»39″ alt=»Stickman»><a href=»tags/tag_base.asp»>HTML base Tag</a></body></html>
Example
The <style> tag (adds style information to
a page) goes inside <head>:
<html><head> <style> h1 {color:red;} p {color:blue;}
</style></head><body><h1>A heading</h1><p>A
paragraph.</p></body></html>
Example
The <link> tag (links to an external style
sheet) goes inside <head>:
<html><head> <link rel=»stylesheet» type=»text/css» href=»styles.css»>
</head><body><h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p></body></html>
Нужно ли заполнять описание в теге Description
Нужен ли тег Description при оптимизации в 2019-2020, на что он влияет и как его заполнять.
Description — мета тег для описания страницы. Не обязателен для заполнения, поисковики могут взять из него информацию для сниппета в выдаче, а могут использовать фрагмент из начала текста, а содержание тега проигнорировать.
Описание в сниппете
У сайта прописан Description, текст оттуда полностью попал в сниппет.
Description в коде страницы
Исследование компании «Yoast» показало: в двух третях случаев при оформленном Description Google подтягивал в сниппет текст из первого абзаца статьи. Еще исследователи выяснили, что плотность ключевых слов или длина текстового фрагмента никак не влияют на выбор Google.
Факторы ранжирования
Лаборатория поисковой аналитики не нашла сильных корреляций между Description и ранжированием в Google.
В Яндекс есть связь с попаданием в топ-30, но она не особенно значима:
Вы можете заполнить Description: если специально составленное описание попадет в сниппет, оно может повлиять на кликабельность ссылки в выдаче.
Как оптимизировать Description
Александр Чепукайтис дал несколько рекомендаций для заполнения описания в зависимости от вида сайта:
Описание не должно быть длиннее 170 символов, иначе оно обрежется многоточием.