HTML Code

 

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

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

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

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

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

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

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

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

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

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

1.<html>
2.<head>
3.<title>содержимое метатега</title>
4.</head>
5.<body>контент веб-страницы</body>
6.</html>

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

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

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

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

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

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

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

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

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

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

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

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

1.<html>
2.<head>
3.<title>содержимое метатега</title>
4.<meta name="description" content="содержание веб-страницы">
5.</head>
6.<body>контент веб-страницы</body>
7.</html>

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

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

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

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

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

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

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

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

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

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

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


Добавьте статью к себе на стену, чтобы не потерять

Поделиться