Хитрости написания title и description. Тайтл должен быть уникальным. Тайтлы страниц в соц.сетях

Всем привет, с вами снова Анна! Рада видеть вас на нашем блоге. Мне кажется, пришло время поговорить о такой важной составляющей страниц и статей, как тайтл. Если вы уже работали с текстом, то, наверное, сталкивались с этим понятием.

На деле title делают все, но не у каждого выходит что-то стоящее. Почему? Это особое искусство, тонкостям которого нужно учиться.

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

Однажды постоянный заказчик на текстовой бирже поставил меня перед фактом: “Напиши хороший тайтл”. Как новичку мне было сложно разобраться. Я выкладывалась на 100 %, но с опытом поняла, что и этого недостаточно. Пока правила крепко не засядут в голове, качественных заголовков мне не написать.

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

Друзья, никогда не опускайте руки и подключайтесь к нашей базе знаний. У вас все получится!

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

Что такое title?

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

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

Тайтл - парный мета-тег без атрибутов, который прописывается в HTML-коде в блоке . Чтобы убедиться в этом, вы можете кликнуть правой кнопкой мыши или использовать сочетание клавиш Ctrl + U в браузере.

Среди кучи строк вы увидите наш мета-тег . Вебмастерам и блогерам не обязательно прописывать код с нуля. Ставите сайт на движок Вордпресс, подключаете, настраиваете специальный плагин для публикаций и все готово. Могу посоветовать “Yoast Seo”, “Frontend Publishing Pro” и “WP User Frontend”. Это плагины с расширенным функционалом, которыми легко пользоваться.</p><p><img src='https://i2.wp.com/iklife.ru/wp-content/uploads/2018/02/kak-otobrazhaetsya-teg-title-v-html-dokumente.png' align="center" width="100%" loading=lazy></p><p>Наша цель — создавать содержательные, читабельные заголовки с ключами, чтобы и людям было приятно читать, и поисковики потихоньку продвигали страничку.</p><p>На деле же, многие копирайтеры справляются только с одной задачей - либо придумывают красивое название без ключей, либо пытаются запихнуть их по максимуму.</p><p><img src='https://i1.wp.com/iklife.ru/wp-content/uploads/2018/02/kak-vyglyadit-title-v-html-formate.jpg' align="center" width="100%" loading=lazy></p><blockquote><p>Тайтлы не создаются без семантического ядра, продуманной структуры статьи.</p> </blockquote><p>Вы станете профи, когда сможете выразить суть статьи в 3 — 5 словах заголовка, не забывая о ключевых фразах.</p><h2><span>Как грамотно составить тайтл: 11 актуальных правил </span></h2><p>Как подготовиться к написанию title:</p><ol><li>Просмотрите метаданные страниц по запросу из ТОП-10.</li><li>Еще раз пробегитесь по списку ключей, подумайте, как вписать их естественно.</li> </ol><p>Если вы сделаете правильный тайтл, у вашей страницы будет шанс попасть в графу быстрых ответов Гугла. Сниппет сайта “счастливчика”, попавшего туда, больше размером и находится выше конкурентных страниц. Кликабельность таких проектов зашкаливает.</p><p>Вот вам реальный пример.</p><p><img src='https://i1.wp.com/iklife.ru/wp-content/uploads/2018/02/bystryj-otvet-google.png' align="center" width="100%" loading=lazy></p><blockquote><p>Чтобы лучше и быстрее усвоить правила написания тайтлов, советую написать их на стикерах и расклеить возле рабочего стола.</p> </blockquote><h3><span>Рассуждаем логически </span></h3><p>Тайтл не только важный SEO-элемент, но и заголовок. Мы не должны забывать, что пишем для людей. Соблюдаем грамматические правила, следим за согласованностью.</p><p>Допустим, у нас есть ключ “ребенок питание”, вписать его в точном вхождении нельзя, иначе получится абракадабра. Склоняем, меняем местами, добавляем НЧ запрос.</p><p><b>Правильно: </b> “Питание ребенка: список разрешенных продуктов”.</p><p><b>Неправильно: </b> “Ребенок питание какими продуктами можно”.</p><h3><span>Краткость - сестра таланта </span></h3><p>Не раздуваем тайтл на 2 предложения. Допустимый размер заголовков у Гугл - 69 символов (12 — 13 слов), у Яндекса - 70 (14 — 15 слов). Все остальное обрезается, скрывается за многоточием. Потратите зря время и пользователь не поймет, какую информацию он найдет на вашей страничке.</p><p>Вот так обрываются длинные заголовки.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/primer-nekachestvennogo-seo-zagolovka.png' align="center" width="100%" loading=lazy></p><p><b>Неправильно: </b> “Своими руками за полчаса. Как сшить юбку в складку” - этот title я нашла в реальной выдаче Гугла. Здесь несколько ошибок: неправильное склонение, 2 предложения.</p><p><b>Правильно: </b> “Как сшить гофрированную юбку за полчаса своими руками”.</p><p>Оптимальная длина title - 44 — 63 знака.</p><blockquote><p>Проанализировав результаты поиска в Гугле и Яндексе по нескольким запросам, я заметила, что страницы с тайтлом из нескольких предложений - опущены. Они находятся как минимум на 3 — 4 странице выдачи.</p> </blockquote><h3><span>Берегитесь переоптимизации </span></h3><p>Вставлять ключевые слова необходимо, так поисковый робот оценивает релевантность сайта запросу. Но не перебарщивайте. Добавляйте 1 — 3 ключа, следите за тем, чтобы заголовок оставался читабельным.</p><p><b>Неправильно: </b> “Британский кот: характер, уход, воспитание, фото, как назвать”.</p><p><b>Правильно: </b> создаем несколько заголовков и страниц, пишем статьи отдельно под каждый запрос:</p><p>“Как поладить с британским котом: особенности поведения”.<br> “Чем кормить британского котенка?”<br> “Как приучить к купанию британского котенка?”<br> “Основы воспитания и дрессировки британских котов”.<br> “Кличка для британского кота: 20 лучших вариантов”.</p><p>Это выгодная разбивка, ведь сделав внутреннюю между этими статьями, вы повысите трафик сайта, траст и удельный вес каждой странички.</p><h3>Не обманывайте </h3><p>Ваш title - заголовок, описывающий одну страничку, а не весь сайт. Если посетителю понравится контент, оформление или товары/услуги сайта, он посмотрит и другие разделы. Не настаивайте на этом так яростно.</p><p>Например, если страница посвящена плюшевым мишкам Тедди, не делайте тайтл: “Большой выбор мягких игрушек”.</p><p>Еще одна жесткая ошибка - запихивать все в одну страничку или указывать то, чего там нет.</p><p><b>Неправильно: </b> “Купить мишку Тедди: история игрушки, разновидности”.</p><p><b>Правильно: </b> “Купить мишку Тедди с доставкой по России”.</p><p>Если нам доверили писать статью про причины глаукомы, не надо придумывать title: “Причины и лечение глаукомы”. Посетитель не найдет нужной информации, и сайт потеряет доверие.</p><h3><span>Осторожнее со знаками </span></h3><p>Запрещаются: точки, восклицательные знаки, апострофы, плюсы, минусы, равно.</p><p>Разрешены: тире, двоеточие, знак вопроса. При необходимости можно поставить запятую, кавычки.</p><p>Если наш title построен как вопрос, обязательно ставим соответствующий знак препинания.</p><p>Специальные знаки, которые поддерживаются поисковиками:</p><ul><li>& (амперсанд),</li><li>© (знак копирайта),</li><li>® (зарегистрированная торговая марка),</li><li>™ (знак торговой марки),</li><li> (жирная точка),</li><li>§ (знак параграфа),</li><li>£ (англ. фунты),</li><li>€ (знак евро),</li><li>° (знак градуса),</li><li>(») (правосторонние двойные кавычки),</li><li>(¼) (простая дробь).</li> </ul><p>Так это выглядит в поисковой выдаче.</p><p><img src='https://i1.wp.com/iklife.ru/wp-content/uploads/2018/02/specialnye-simvoly-v-tajtle.png' align="center" width="100%" loading=lazy></p><p>Активно пользоваться ими не советую. Если поставили, следите за показателем CTR (кликабельности).</p><p>Избегать лишних символов необходимо, но иногда правило приходится нарушать, чтобы получить качественный, читабельный и уникальный SEO-заголовок.</p><h3><span>Главный ключ в прямом вхождении </span></h3><p>Как же хочется выплеснуть весь литературный талант на заголовок. Менять форму, добавлять обороты и прилагательные между ключами. Остановитесь. Главный ключ нельзя разбавлять, склонять, если его можно лаконично вписать.</p><p>К примеру, нам дали ключевое слово: “Болит левая сторона головы”.</p><p><b>Правильно: </b> “Почему болит левая сторона головы?”</p><p><b>Неправильно: </b> “Почему голова болит с левой стороны?”</p><p>Разница небольшая, но результаты в поиске отличаются.</p><blockquote><p>Старайтесь использовать главный ключ в начале тайтла. Разбавляйте НЧ, СЧ запросами для улучшения ранжирования.</p> </blockquote><p>Ключевые фразы наподобие “болит голова давление”, придется склонять и разбавлять для естественности.</p><h3><span>Не путайте title и заголовок H1 </span></h3><p>В каждом из заголовков должны использоваться ключевые слова. Но дублировать их нельзя. Они выполняют разные функции.</p><p>Title отображается в поисковых системах, когда пользователь ищет что-то. Для поискового робота он - источник информации, дающий понять релевантна ли страница запросу или нет. А текста виден на сайте, когда человек уже зашел прочесть статью.</p><p>В отличие от заголовка H1 тайтл должен быть:</p><ol><li>Кликабельным, оригинальным, вызывающим интерес. Например, “Способ заработка для ленивых”, “Секреты похудения”, “Вы совершаете эти ошибки в отношениях”.</li><li>С дополнительными ключами.</li> </ol><blockquote><p>Заголовок H1 и тайтл должны иметь схожие черты, но при этом отличаться. Если тег title будет “Как сварить рис в мультиварке”, а H1 — “делаем рассыпчатый рис”, вы путаете и поисковик, и читателя.</p> </blockquote><h3><span>Бренды и уникальные названия </span></h3><p>Название торговой марки, фирмы, сайта нужно вставлять в начале или конце SEO-заголовка. Вы лучше запомнитесь пользователю, увеличите процент возврата.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/brendirovannye-seo-zagolovki.png' align="center" width="100%" loading=lazy></p><p>Популярные примеры из интернета:</p><ul><li>“Продвижение сайта - Википедия”,</li><li>“Как научиться писать - Odnako.ru”,</li><li>“Курсы японского - Life in Japan”,</li><li>“Психология отношений мужчин и женщин - Elle”.</li> </ul><blockquote><p>Люди часто бегло просматривают результаты поиска, чтобы найти знакомое, вызывающее доверие название.</p> </blockquote><h3>Уникальность </h3><p>Тайтл должен быть уникальным в интернете, не перекликаться со страницами вашего же сайта. Каждое слово используйте в заголовке один раз, иначе получится длинная, нечитабельная, заспамленная строка, толку от которой ноль.</p><p><b>Неправильно: </b> “Ноутбук Acer - купить ноутбук Acer с доставкой по России”.</p><p><b>Правильно: </b> “Купить ноутбук Acer с доставкой по России”.</p><h3><span>Аккуратнее со стоп-словами </span></h3><p>Стоп-слова в тайтле поисковая система просто не замечает. Но отказываться от них полностью не стоит. Почему же:</p><ol><li>Стоп-слова помогают сделать заголовок уникальным.</li><li>Стоп-слова по-разному влияют на поисковую выдачу. Например, по запросу “грузоперевозки и аренда авто по Москве” сайт rulimcars находится на 3-м месте, а если ввести “грузоперевозки аренда авто Москва”, мы увидим ту же страницу на 2-й позиции.</li> </ol><blockquote><p>Стоп-слова - служебные части речи (предлоги, союзы, вводные конструкции) без смысловой нагрузки. К ним относятся: и, а, до, после, однако, на, допустим, вероятно, скажем, откуда, еще.</p> </blockquote><p>Переизбыток стоп-слов сделает заголовок нечитаемым, натянутым.</p><h3><span>Заголовки страниц товаров в едином стиле </span></h3><p>Заморачиваться с однотипными страницами товаров/услуг необязательно. Составляйте SEO-заголовок по шаблону. Он состоит из:</p><ul><li>наименования изделия/услуги;</li><li>тематических слов - арендовать, заказать, купить;</li><li>региона;</li><li>названия торговой марки, магазина.</li> </ul><p>Пример: “Напольные сушилки для белья - купить в Москве по низкой цене”.</p><h2><span>Формулы создания идеального тайтла </span></h2><p>Я за уникальность, творческий подход. Но когда не хватает времени, наступает творческий кризис, приходится пользоваться шаблонами.</p><p>Если вам нужно уместить несколько ключей в title, воспользуйтесь одной из формул:</p><ol><li>[модиф1ключ] + [модиф2ключ] = [модиф1ключмодиф2]. Например, сделать оглавление + оглавление курсовой в Ворде = сделать оглавление курсовой в Ворде.</li><li>[модиф1ключ] + [модиф2ключ] + [тем.слово] = [модиф1ключмодиф2тем.слово]. Например, чем кормить ребенка + кормить в год + меню = чем кормить ребенка в год: меню.</li><li>[модиф1ключ] + [модиф2ключ] + [модиф3ключ] = [модиф1модиф2ключмодиф3]. Например, как составить семантическое ядро + составить правильно + семантическое ядро сайта = как правильно составить семантическое ядро сайта.</li> </ol><p>Универсальные шаблоны:</p><ol><li>Запрос + регион + дополнительная информация. Например, грузоперевозки по Москве до 5 тонн.</li><li>Запрос + регион + дополнительная информация. Например, танцы живота в Краснодаре - программа для начинающих.</li> </ol><p>Следите за тем, чтобы длина полученного тайтла была оптимальной.</p><p>Закончились идеи? Перечитали много статей, но лучше писать заголовки так и не получается? Приглашаю вас к нам на . Наши выпускники - эксперты, которые зарабатывают на фрилансе от 30 000 рублей и ни от кого не зависят. Не верите? Бросайте свой копеечный заработок и го к нам учиться.</p><h2><span>Составляем title с нуля </span></h2><p>У нас есть главный ключ “лечение гайморита”. Мы должны дополнить его, сделать интересным.</p><p>Смотрим на подсказки поиска Яндекс.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/sozdaem-tajtl-s-podskazkami-poiska-yandeks.png' align="center" width="100%" loading=lazy></p><p>Выбираем то, что подходит нам. Если этого недостаточно, просматриваем метаданные сайтов из ТОП-10 по запросу.</p><p><img src='https://i0.wp.com/iklife.ru/wp-content/uploads/2018/02/analiz-metadannyh-zaprosa.png' align="center" width="100%" loading=lazy></p><p>Нам подходит: “домашние условия”, “дома”, “без прокола”.</p><p>Получаем несколько вариантов тайтла:</p><ul><li>быстрое лечение гайморита дома без прокола носа,</li><li>лечение гайморита дома: избегаем прокола.</li> </ul><p>Не забываем соблюдать 11 правил успешного title.</p><h2><span>Можно ли менять тайтл после индексации? </span></h2><p>Если после индексации поисковиком, вы не получили нужного результата, убирать старый тайтл даже нужно. Успешные заголовки вряд ли вам захочется редактировать.</p><p><img src='https://i1.wp.com/iklife.ru/wp-content/uploads/2018/02/izmeneniya-tajtla-posle-indeksacii.jpg' align="center" width="100%" loading=lazy></p><p>Используйте разные словоформы, добавляйте новые слова, анализируйте тайтлы конкурентов. Результат вы узнаете не сразу, придется подождать 1 — 5 месяцев.</p><h2>Заключение </h2><p>Тайтл - лицо вашей странички. Иногда его создание занимает больше времени, чем вся статья. И не зря, ведь пользователь выбирает сайт из поисковой выдачи по SEO-заголовку.</p><p>Нельзя сделать title для статьи на всю жизнь. Алгоритмы поисковиков постоянно меняются, появляются новые тренды, что-то устаревает. Нужно регулярно проводить анализ, следить за актуальностью тайтла.</p><p>Остались вопросы, хотите побеседовать на эту тему - пишите смелее комментарии. Все обсудим и решим.</p><p>Подписывайтесь, чтобы быть в тренде! У нас много актуальной информации о мире фриланса.</p> <p>Доброго времени суток, уважаемые читатели. Не смотря на то, что я часто в своих статьях говорю про тег title, как о самом важном во внутренней оптимизации сайта, но вот посвятить ему целую статью все руки не доходили.</p> <p>Причина этому простая, т.к. я веду свой блог на платформе Blogger, title у нас автоматически генерируется из заголовка статьи, поэтому я много статей посвящала заголовкам в теге h1, и при этом необоснованно умалчивала о HTML теге title.</p> <p>Как я уже сказала, title самый важный тег, причем не только с точки зрения оптимизации и поискового продвижения, но и с пользовательской стороны. Но давайте лучше начнем по порядку.</p> <p>Title в переводе с английского означает заголовок, поэтому title в HTML документе – это заголовок страницы. И это самое важное значение этого тега. Помните, в статье я уже рассказывала, что абсолютно любой HTML документ имеет определенную структуру:</p> <p><b><html> </b> </p><p><b><head> </b></p> <p>Здесь находится заголовок страницы в тегах</p> <p><b><title> </b><b>

Техническая информация о документе

Здесь находится основное содержимое сайта, статьи, которые имеют заголовки в тегах:

Заголовок сайта или статьи

содержимое сайта

Так вот тег Title является заголовком HTML документа/страницы. Можно сказать, что он относится к технической информации о документе. Эта информация скрыта от глаз пользователей непосредственно на сайте, но ей пользуются все браузеры и поисковые системы.

Как используют Title браузеры

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

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

Как используют Title поисковые системы

Для поисковых систем тег Title так же имеет огромное значение. Это первая информация, которую получает поисковая система о содержимом страницы. Ведь мы помним, что title находится практически в самом начале документа, а все поисковые роботы индексируют страницы сверху вниз.

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

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

Если же мы посмотрим страницу найденного сайта, то увидим другой заголовок:

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

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

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

Не скажу, что пример идеальный, да и все SEO строится на нюансах и не возможно что-либо утверждать со 100% уверенностью, но давайте попробуем разобраться (изображение кликабельно):

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

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

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

Как эффективно использовать title для продвижения

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

В title можно использовать одно и тоже ключевое слово два раза. Например:

HTML тег title – эффективно используем заголовок страницы title.

В примере ключевое слово title встречается два раза.

Title не должен быть набором ключевых слов, а должен быть осмысленной фразой.

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

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

Поэтому очень важно не разделять свои ключевые фразы знаками препинания, которые означают конец предложения – точка (.), вопросительный знак (?), восклицательный знак (!). Сравним два заголовка:

HTML тег title – эффективно используем заголовок страницы title

HTML тег title. Эффективно используем заголовок страницы title.

В первом случае, например, моя статья может находится по фразам:

  • html заголовок страницы
  • тег заголовка страницы

Во втором же варианте таких ключевых фраз уже не получится. Между словами стоит точка, отделяя один пассаж от другого.

Стоит уделить пристальное внимание и длинне title, тут тоже не все просто.

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

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

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

Из этого следует, что стоит оптимизировать страницу по одному-двум близким запросам, чтобы title обладал максимальным весом.

В связи с этим, структура title

|заголовок страницы|

предпочтительней, чем

|Заголовок страницы|Название сайта| .

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

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

P.S. Кто-то мог подумать, а причем здесь хлеб на картинке? Хлеб всему голова, title имеет такое же важное значение в сайтостроении и SEO, как и хлеб в нашей жизни:).

Описание

Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head> .</p> <p>Рис. 1. Вид заголовка в браузере Firefox</p> <h3>Синтаксис</h3> <head> <title>Заголовок

Закрывающий тег

Обязателен.

Атрибуты

HTML5 IE Cr Op Sa Fx

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

Примечание

Тег выполняет множество задач, как прямо, так и косвенно. Ниже описано какую роль выполняет заголовок страницы.</p> <ul><li>По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.</li> <li>Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? " < > |), они будут проигнорированы или автоматически заменены другими дозволенными символами.</li> <li>При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.</li> <li>В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.</li> </ul> <p>Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».</p> <form onsubmit="return false;" class="innerContentSubscribe_form swpmc-js-form" data-container=".innerContentSubscribe" data-on-success="swptEvents.blogSubscribeSuccess()"> <p> <input class="inputText js-placeholder" type="text" name="email" id="innerContentSubscribeEmail" value=""></p> <p>Подписаться</p> </form> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2017/12/27fe505ef8a0-1.png' align="center" width="100%" loading=lazy></p> <p>Тег title – это заголовочный тег, его содержимое отображается в заголовке браузера.</p> <p><span class="yPlTeOxEknU"></span></p> <p><b>Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA </b></p> <p><img src='https://i2.wp.com/semantica.in/wp-content/uploads/2017/12/yutub.png' height="37" width="178" loading=lazy></p> <p>Чтобы понять, для чего нужен title, надо определить, какие функции он выполняет. Главная его задача – сообщить поисковым системам о содержании страницы.</p> <h2>Где находится title</h2> <p>Искать тег title надо в коде вначале страницы, внутри тега<head> </head>. </p> <h2>Требования к заполнению тега title</h2> <p>Позиции вашего сайта в выдаче во многом зависят от того, «понимают» ли поисковые системы, о чем он и для кого предназначен. Именно об этом им рассказывает title и именно поэтому он так важен. Решая, что писать в title, учтите, что есть ряд требований к формулировке этого тега, без соблюдения которых вы никогда не «подружитесь» с поисковиками.</p> <ul><li>Самый частый вопрос – какой должна быть длина title. Размер видимой части title колеблется в промежутке от 55 до 80 символов с пробелами. Оставшаяся часть не будет видна в выдаче, но поисковая система ее учтет. Яндекс обычно показывает 70-80 символов, а учитывает первые 15 слов тега. Google показывает 55-70 знаков и учитывает 12 слов.</li> <li>Смысл title должен быть понятен с первого взгляда. Увидев его, пользователь или поисковик должен мгновенно понять, о чем текст. Лучше если формулировка тега будет носить «цепляющий» характер.</li> <li>В title можно включить несколько ключевых запросов. В начале рекомендуется ставить самый частотный из группы. Формулировка предложения в теге должна выглядеть естественно с грамматической и стилистической точки зрения. То есть, не быть простым перечислением ключей или нагромождением слов (лишь бы все вписать). “Кривых”, нечитаемых конструкций из ключей не допускается.</li> <li>Этот тег не должен дублировать заголовок текста, который вы заключите в тег H1. Если вы хотите, чтобы и в заголовке и в title стоял один запрос, измените формулировку, дословное совпадение недопустимо.</li> <li>Не вставляйте в title перечисления ключевых слов через запятую. Поисковая система может идентифицировать ваш сайт как переспамленный, и вы потратите много сил, выводя его из-под санкций.</li> <li>Для каждого документа вашего сайта нужен собственный уникальный тайтл страницы. Одинаковые теги для разных страниц очень плохо влияют на продвижение сайта.</li> <li>Тег title должен быть уникальным. Копировать чужие теги нельзя, если не хотите, чтобы поисковые системы вас наказали за плагиат.</li> </ul><p>Правила написания title помогут вам максимально быстро научиться заполнять этот тег.</p> <h2>Тег title для разных разделов и страниц</h2> <p>В первую очередь тег title формулируют для главной страницы. В него включают основной, как правило, высококонкурентный запрос. Поскольку именно он будет показываться в поисковых системах в качестве сниппета, необходимо сделать его формулировку максимально привлекательной, чтобы пользователю захотелось узнать подробнее, что за ней стоит. Фактически, такой title работает, как рекламный слоган.</p> <p>Остальные тайтлы на сайте зависят от контента страниц. Чтобы не мучиться, решая какой должен быть title, для однотипных страниц можно придумать шаблон. Обычно в него входит наименование страницы или раздела каталога и привлекающие внимание слова – отзывы, фото, стоимость, скидка. Этот прием можно использовать, прописывая title для карточек товаров, разделов интернет-магазина, изображений в галерее. В карточках title начинают с названия товара или слов вроде “купить”, в разделах - с его названия, в галерее со слов «изображения», «фото», «примеры работ».</p> <p>Правильное написание всех тегов крайне важно для продвижения сайта. Ваши вложения в продвижение не будут работать, пока не выверены и не исправлены основные теги, среди которых title является главным.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </article> </div> </div> <div id="secondary"> <aside id="search-2" class="widget widget_search clearfix"> <form action="/" class="search-form searchform clearfix" method="get"> <div class="search-wrap"> <input type="text" placeholder="Поиск" class="s field" name="s"> <button class="search-icon" type="submit"></button> </div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widget-title"><span>Свежие записи</span></h3> <ul> <li> <a href="/contacts-and-messages/bezymyannaya-papka-kak-sozdat-papku-bez-nazvaniya-i-bez-znachka/">Как создать папку без названия и без значка</a> </li> <li> <a href="/error-itunes/android-pay-chto-eto-takoe-i-kak-im-polzovatsya-v-rossii-pochemu-ne-rabotaet/">Почему не работает Android Pay Как работает приложение андроид пэй</a> </li> <li> <a href="/application/test-amthauera-test-r-amthauera-test-struktury-intellekta-tsi-test-struktury/">Тест амтхауэра. Тест Р.Амтхауэра, Тест структуры интеллекта (TSI) Тест структуры интеллекта кр 3 85</a> </li> <li> <a href="/pots/kak-vernut-zavodskie-nastroiki-navitel-undelete-navigator-kak-vosstanovit-faily/">Undelete Navigator Как восстановить файлы после удаления</a> </li> <li> <a href="/pots/ustanovit-taimer-avtomaticheskogo-vyklyucheniya-kompyutera-v-nuzhnoe-vremya-net/">Скачать Таймер Выключения Бесплатно для Windows Часы таймер для кухни windows 7</a> </li> <li> <a href="/security/golosovoi-pomoshchnik-assistent-bixby-ot-samsung-chto-eto-i-kak-rabotaet-bixby-na-samsung/">Bixby на Samsung: Как работает, и как пользоваться в России Как работает Биксби</a> </li> <li> <a href="/reviews/simvol-zapyataya-sverhu-stavim-verhnyuyu-zapyatuyu-na-klaviature-pri/">Ставим верхнюю запятую на клавиатуре при помощи комбинации клавиш</a> </li> <li> <a href="/security/chto-delat-esli-ne-rabotaet-pk-kompyuter-vklyuchaetsya-no-slyshen/">Компьютер включается, но слышен сигнал</a> </li> </ul> </aside> <aside id="text-5" class="widget widget_text clearfix"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <div id="vk_groups"></div> </div> </aside> <aside id="text-4" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> <aside id="text-3" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> </div> </div> </div> <footer id="colophon" class="clearfix"> <div class="footer-socket-wrapper clearfix"> <div class="inner-wrap"> <div class="footer-socket-area"> <div class="footer-socket-right-section"> </div> <div class="footer-socket-left-sectoin"> <div class="copyright">© 2024 <a href="/" title="olegshein.ru"><span>olegshein.ru</span></a>. Компьютерный клуб Олега Шейна.<br></div> </div> </div> </div> </div> </footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a> </div> <script type="text/javascript"> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "colormag_right_sidebar", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-3'] }; </script> <script type="text/javascript"> (function(w, doc) { if (!w.__utlWdgt) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(window, document); </script> <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common" data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons"></div> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwebcontact_l10n = pwebcontact_l10n || {}; pwebcontact_l10n.form = { "INIT": "Initializing form...", "SENDING": "Sending...", "SEND_ERR": "Wait a few seconds before sending next message", "REQUEST_ERR": "Request error: ", "COOKIES_ERR": "Enable cookies and refresh page to use this form" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr"> <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free"> <span class="pweb-text">Есть вопросы?</span> <span class="pweb-icon"></span> </div> <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr"> <div class="pwebcontact-container-outset"> <div id="pwebcontact1_container" class="pwebcontact-container"> <div class="pwebcontact-container-inset"> <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8"> <div class="pweb-fields"> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-name pweb-field-name"> <div class="pweb-label"> <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name"> Имя </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-email pweb-field-email"> <div class="pweb-label"> <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email"> Email <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-textarea pweb-field-message"> <div class="pweb-label"> <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message"> Сообщение <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none"></textarea> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-buttons"> <div class="pweb-field"> <button id="pwebcontact1_send" type="submit" class="btn pweb-button-send" data-role="none">Отправить</button> </div> </div> </div> </div> </div> <div class="pweb-msg pweb-msg-after"> <div id="pwebcontact1_msg" class="pweb-progress"> <script type="text/javascript"> document.getElementById("pwebcontact1_msg").innerHTML = "Initializing form..." </script> </div> </div> <input type="hidden" name="5eb40beb9e" value="1" id="pwebcontact1_token"> </form> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(function() { jQuery(".tooltips img").closest(".tooltips").css("display", "inline-block"); new jQuery.Zebra_Tooltips(jQuery('.tooltips').not('.custom_m_bubble'), { 'background_color': '#000000', 'color': '#ffffff', 'max_width': 250, 'opacity': 0.95, 'position': 'center' }); }); </script> <script type="text/javascript"> jQuery(document).on('ready post-load', function() { jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create"]').addClass('nolightbox'); }); jQuery(document).on('ready post-load', easy_fancybox_handler); jQuery(document).on('ready', easy_fancybox_auto); </script> <div id="mistape_dialog" data-mode="comment" data-dry-run="0"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div id="mistape_confirm_dialog" class="mistape_dialog_screen"> <div class="dialog-wrap"> <div class="dialog-wrap-top"> <h2>Сообщить об опечатке</h2> <div class="mistape_dialog_block"> <h3>Текст, который будет отправлен нашим редакторам:</h3> <div id="mistape_reported_text"></div> </div> </div> <div class="dialog-wrap-bottom"> <div class="mistape_dialog_block comment"> <h3><label for="mistape_comment">Ваш комментарий (необязательно):</label></h3> <textarea id="mistape_comment" cols="60" rows="3" maxlength="1000"></textarea> </div> <div class="pos-relative"> </div> </div> </div> <div class="mistape_dialog_block"> <a class="mistape_action" data-action="send" data-id="389" role="button">Отправить</a> <a class="mistape_action" data-dialog-close role="button" style="display:none">Отмена</a> </div> <div class="mistape-letter-front letter-part"> <div class="front-left"></div> <div class="front-right"></div> <div class="front-bottom"></div> </div> <div class="mistape-letter-back letter-part"> <div class="mistape-letter-back-top"></div> </div> <div class="mistape-letter-top letter-part"></div> </div> </div> </div> </body> </html>