Внутренняя SEO-оптимизация для начинающих: подбираем мета-теги для своего сайта

Внутренняя SEO-оптимизация для начинающих: подбираем мета-теги для своего сайта

От автора: приветствую вас, друзья! Сегодня речь пойдет о том, что такое SEO-оптимизация. Для начинающих этот термин может казаться ругательным словом и вызывать опасения. Возможно, это связано это с тем, что алгоритмы поисковых систем держатся в строжайшем секрете, и никто точно не знает, по каким принципам те или иные сайты оказываются в ТОПе поисковой выдачи. Но не так страшен SEO, как его рисуют. Все-таки существуют конкретные рекомендации тех же Google, Yandex и прочих поисковиков по оптимизации. Давайте поговорим о важнейших инструментах СЕО-оптимизатора — мета-тегах.

Для начала попробую вас убедить в том, что Search Engine Optimization (она же SEO, она же оптимизация под поисковые машины) — это необходимый инструмент продвижения любого бизнеса в Интернете.

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

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

С чего начать обучение SEO-оптимизации сайтов? Конечно же, с понятия «мета-тег». Мета-теги — это (X)HTML-теги, которые указываются в разделе head документа и необходимы для предоставления посетителям сайта и поисковикам информации о веб-странице (тематика, на какие вопросы она может ответить).

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


Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Для составления title и description используются ключевые слова — фразы, которые пользователи вводят в поисковую строку, чтобы найти ответ на какой-то вопрос. Статьи, размещаемые на веб-страницах, следует сразу «затачивать» под ключевые запросы, чтобы привлечь пользователей посетить сайт.

Title — заголовок веб-страницы (сайта)

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

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

В HTML-код title добавляется следующим образом:

<html>
  <head>
 <title>содержимое метатега</title>
  </head>
  <body>контент веб-страницы</body>
</html>

Примерная структура мета-тега title может выглядеть так: Ключевые слова | Название компании | Регион/адрес

Советы по написанию тега title:

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

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

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

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

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Узнать подробнее

избегайте дублей — заголовок на каждой веб-страничке должен быть разным.

Чтобы стать SEO-оптимизатором, в первую очередь, нужно научиться составлять семантическое ядро — структурированный перечень ключевых фраз, по которому осуществляется продвижение сайта. Эти ключевые слова и используем при составлении мета-тегов title и description.

Благо, сейчас есть множество платных и бесплатных инструментов для подбора ключевых слов. Среди них могу посоветовать Yandex.Wordstat, Google AdWords, KeyKollector. Для продвижения старайтесь не использовать слишком конкурентные, высокочастотные запросы. Особенно если вы не готовы «сожрать» всех своих конкурентов.

Description — описание нашей веб-страницы

Description (мета-описание, сниппет) — это короткий текст (около 160 символов), описывающий содержимое страницы. Этот текст мы видим среди результатов поисковой выдачи под URL-адресом веб-страницы или в соцсетях, если пользователь поделился с нами ссылкой на эту страничку.

HTML-код в этом случае имеет примерно следующий вид:

<html>
  <head>
 <title>содержимое метатега</title>
 <meta name="description" content="содержание веб-страницы">
  </head>
  <body>контент веб-страницы</body>
</html>

Если ваш сайт создан на каком-либо движке (Joomla, WordPress и т. п.), или на нем установлен специальный SEO-плагин, то в код вам лезть не понадобится. Вы сможете указать все важнейшие мета-теги в специальных полях.

Правила «хорошего тона» при составлении description:

ключевые слова — обязательно должны присутствовать в мета-описании (минимум одна ключевая фраза);

длина — 135–160 символов, иначе поисковик «обрежет» ваш дескрипшн на самом интересном месте;

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

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

не используйте кавычки » — весь текст после них будет «отсечен» поисковым роботом, т. к. данный вид кавычек используется в HTML-коде. Если вам все-таки необходимо поставить кавычки — используйте «ёлочки»;

не начинайте мета-описание с вводных слов — «в данной статье мы рассмотрим…» и т. п. Пишите по существу, переходите сразу к сути, не забывая про ключевые слова.

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

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

До новых встреч!


Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Практика монетизации блога: от раскрутки до реальных денег

Пошаговая система по созданию, раскрутки и монетизации блога.

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Дмитрий

    Спасибо за полезную и интересную информацию. Оптимизировать надо и Веб-сайт в целом, и каждый текстовый материал (документ), а все это необходимо, чтобы страничка получала ведущие позиции в поисковых системах И-нета.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree