Основные метатеги для сайта и как правильно их заполнять

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

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

Метатеги для поисковиков

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

Возможные значения:

• index / noindex — индексировать или не индексировать эту страницу;
• follow / nofollow —проходить или не проходить по ссылкам на этой странице;
• all = «index, follow»
• none = «noindex, nofollow»

Этот тег используется, когда нужно закрыть от индексации какие-либо страницы сайта.

Но как правило обычно это реализуется с помощью прописывания соответствующих директив в файле robots.txt.

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

Также нужно следить за тем, чтобы этом теге не было дублирующих друг друга или противоречивых значений.
Например, такой: <meta name=»robots» content=»none, nofollow «>

Revisit

• <meta name=»revisit» content=»3 days»>
• <meta name=»revisit-after» content=»3 days»>

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

Title — основной заголовок. (не путать его с заголовками h2-h6). Содержание этого тега можно увидеть в названии вкладки браузера и именно из него формируется заголовок сниппета в поисковой выдаче. Этот тег является одним из самых влиятельных для внутренней оптимизации, поэтому к его заполнению следует отнестись серьезно:

• Title должен быть уникальным и не повторяться на других страницах сайта.
• Текст должен иметь смысл, а не просто перечисление ключевых слов.
• В целях продвижения нужно использовать в title на соответствующих страницах ключевые слова из семантического ядра, приоритет отдается ВЧ запросам. Располагать ключевые слова следует как можно ближе к началу заголовка.
• Использовать до 70 символов или до 15 слов.
• Использовать как можно меньше стоп-слов (частицы, предлоги).
• Как можно меньше использовать стоп-символы (наклонные черты, дефисы, нижние подчеркивания и т.д.)
• Не стоит использовать в теге более 1-го предложения.
• Лучше не использовать одно и тоже слово несколько раз, даже в различных падежах и формах.

Description – краткое описание страницы. Из метатега description формируется текст сниппета в поисковой выдаче

Правила заполнения метатега:

1. Description должен быть уникальным и не дублироваться на разных страницах сайта.
2. Метатег должен содержать ключевые слова, лучше, чтобы они были в начале описания.
3. Ранее рекомендовался максимальный объем тега в 160 символов, но сейчас это уже неактуально: на данный момент Google расширил максимальный объем тега до 230 знаков, а Яндекс и вовсе радикально расширил тексты сниппетов и их объем может теперь превышать 700 символов. Таким образом, сейчас целесообразно заполнять description только с целью оптимизации под Google.
4. Любое слово не должно повторяться более 5 раз, даже ключевое.
5. При заполнении description следует ориентировать на пользователей, а не на поисковые системы.
6. Не следует копировать в метатег текст со страницы и содержание title

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

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

Отдельно важно упомянуть анализ конкурентов: изучение метатегов конкурентов из топа поисковой выдачи может подсказать, как можно эффективней сформировать тег title и метатег description и также узнать, по каким ключевым словам продвигаются сайты в той же тематике и дополнить семантическое ядро новыми поисковыми запросами. Для сбора метатегов сайтов-конкурентов можно использовать программу Seo Frog Screaming Spider.

Теги Title и Description являются важными для seo, но при этом при разработке сайта часто возникает ситуация, когда в тегах и в h2-заголовках на разных страницах выводится одна и та же неуникальная информация. (подобная проблема с именно с заголовками случается реже, но также необходимо обязательно проверять их наличие и уникальность)

При большом количестве страниц на сайте перебирать их вручную — довольно долгий и трудоемкий процесс, его можно и нужно автоматизировать следующим способом:

С помощью программы Seo Frog Screaming Spider осуществляется сбор всех нужных данных по сайту в автоматическом режиме.

На картинке видно, что можно сделать сортировку по Title, тегам Description и по h2-заголовкам. Визуально определить наличие дубликатов можно легко с помощью сортировки загруженных тегов и заголовков по алфавиту, однако в программе уже есть фильтр по дублированным и отсутствующим тегам и заголовкам в панели справа:

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

При разработке сайта нужно изначально обеспечить возможность независимого редактирования title/description/keywords и также h2-заголовков для каждой страницы. Часто возникают ситуации, когда при редактировании h2-заголовка его содержание дублируется в title.

Другие метатеги

Верификация

Один из способов подтверждения прав собственности на сайт в Яндекс Вебмастере или Google Search Console. Используются следующие метатеги верификации:

• <meta name=» google-site-verification» content=»<код подтверждения>» />
• <meta name=»yandex-verification» content=»<код подтверждения>» />

Viewport

Метатег нужен корректного отображения сайта на мобильных устройствах – он контролирует масштаб видимой области просмотра в браузере. Если его не указать, то сайт не будет соответствовать требованиям Яндекса и Google для адаптивной верстки.

Http-equiv

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

Возможные значения:

• Content-Type – для определения кодировки и типа документа.
• Пример в коде: <meta http-equiv=»Content-type» content=»text/html;charset=windows-1251″>
• Refresh – перенаправление на другую страницу после заданного в секундах времени нахождения.
• Пример в коде : <meta http-equiv=»refresh» content=»2; url=site.ru»>
• Content-Language – указывает основной язык документа.
• Пример в коде: <meta http-equiv=»Content-Language» content=»ru«>
• Pragma – запрещает браузеру кешировать страницу. Полезно, если контент страницы часто обновляется.
  Пример в коде: <meta http-equiv=»pragma» content=»no-cache»>

Author и Copyright

Нужен для идентификации автора. Если ресурс принадлежит организации, то используется Copyright, если конкретному лицу – Author.

Важные слова в HTML: логическое форматирование HTML документа или как выделить смысл ключевых слов в HTML

Привет, посетитель сайта ZametkiNaPolyah.ru! Этой записью мы продолжаем рубрику: Верстка сайтов, в которой есть раздел HTML. Ранее мы уже говорили о том, как можно неправильно выделять слова в HTML при помощи тегов непосредственного форматирования. Теперь мы поговорим о том,

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

Важные слова в HTML: логическое форматирование HTML документа или как выделить смысл ключевых слов в HTML

Поэтому если вы хотите не просто отформатировать текст, но и передать или подчеркнуть смысл слов, встречающихся в HTML документе, то вам необходимо использовать тэги логического форматирования. Данная запись состоит из четырех разделов и из нее вы узнаете о том:

1. Для чего, собственно, нам нужно выделять смысл слов в HTML документе и какие плюсы нам даст такой подход.
2. Как HTML позволяет выделять смысл фраз и слов на странице.
3. Так же здесь вы найдете полный список тэгов логического форматирования HTML документа.
4. И в завершении записи будет пример выделения слов в HTML при помощи логических тэгов.

Для чего выделять слова в HTML документе

Содержание статьи:

• Для чего выделять слова в HTML документе
• Что мы можем делать с фразами и словами в HTML?
• Список тэгов для выделения важных слов в HTML документе
• Примеры выделения слов в HTML документе

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

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

Поэтому важно научиться не просто выделять слова в HTML, а использовать правильные HTML тэги, которые правильно передают назначение и смысл слов в HTML документе. Такое выделение слов в HTML получило название: логическое форматирование.

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

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

Что мы можем делать с фразами и словами в HTML?

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

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

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

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

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

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

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

Изначально стандарт HTML, как и стандарт HTTP разрабатывался в ЦЕРНе для умных дядек (здесь вы можете узнать более подробно про HTTP протокол), чтобы те могли легко обмениваться научными трудами по сети без специальной подготовки. В научных трудах часто встречаются непонятные термины. По сути термин – это обычное слово, но слово имеющее определенный смысл (в разных трудах смысл термина может быть разным), поэтому HTML позволяет выделять слова, являющиеся терминами особым образом.

Как часто вы встречаете в тексте аббревиатуры и акронимы? Да, наверное, очень часто. Аббревиатуры и акронимы можно назвать словами, которые можно специально выделить средствами HTML, чтобы все читающие понимали, что это не просто набор букв в верхнем регистре, а именно аббревиатура или акроним.

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

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

Список тэгов для выделения важных слов в HTML документе

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

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

1. HTML тэг <em>. Данный тэг относится к группе логического форматирования HTML документов и предназначен для того, чтобы выделить важные слова в HTML документе. Текст внутри тэга <em> браузер выделит курсивом, поисковая система будет понимать, что данная фраза, слово, предложение является ключевым для этого текста, а голосовые браузеры будут выделять слова внутри HTML тэга <em> интонацией или громкостью, тем самым показывая, что они важные.
2. HTML тэг <strong>. Как и <em> относится к тэгам логического форматирования и предназначен для выделения важных слов в HTML документе. По принципу схож с предыдущим, но графически выделяет текст жирным начертанием.
3. Тэг <cite>. Тэг группы логического форматирования, используется для того, чтобы показать интерпретирующей программе и человеку, кого цитирует данный текст. Графически текст выделяется курсивом.
4. Тэг <code>. Отвечает за логическое форматирование и передает смысл слова, которое встречается в HTML документе. А смысл он передает следующий: текст, находящийся внутри тэга <code> является кодом программы. Слова внутри HTML тэга <code> графически выделяются курсивом.
5. Тэг <kbd>. Данный тэг нужен для того, чтобы показать, что некоторые слова в HTML документе, это не просто слова, а текст, введенный с клавиатуры или же какое-то сочетание клавиш, которое нужно нажать. Слова внутри тэга <kbd> будут выделены моноширинным шрифтом.
6. HTML тэг <var>. Данный тэг является представителем группы логического форматирования. В HTML документе переменные будут обычными словами до тех пор, пока мы их не выделим при помощи тэга <var>, как только мы выделили слово HTML тэгом <var> и браузер, и поисковая система будут считать, что данное слово – это переменная. Текст внутри элемента <var> будет выделен курсивом.
7. HTML тэг <samp>. По идеи разработчиков стандарта должен использоваться на всех сайтах, где пишут про программирование. HTML тэг <samp> используется для того, чтобы сказать браузеру о том, что данный текст это не просто набор слов, а результат работы программы.
8. HTML тэг <dfn>. Термины в HTML документе – просто слова, пока не выделить их тэгом <dfn>. Если в вашем документе термин встречается впервые, и читатель его еще не знает, то выделите данный термин при помощи тэга <dfn>. Графически текст внутри элемента <dfn> будет выделен курсивом.
9. Тэг <abbr>. Тэг для логического форматирования, который говорит браузеру о том, что данное слово – это аббревиатура. Вместе с тэгом <abbr> всегда используйте HTML атрибут title, тогда, при наведении курсора на аббревиатуру, люди будут видеть ее расшифровку, а поисковая система и браузер будут понимать, что означает данная аббревиатура и использовать это в своих целях.
10. Тэг <acronym>. Аналогичен по своему действию тэгу <abbr>, но используется для того, чтобы показать, что слово в HTML документе является акронимом.
11. HTML тэг <q>. Данный тэг используется для того, чтобы показать, что набор слов, который встречается в HTML документе связан между собой, так как это прямая речь или цитата. Текст внутри контейнера Q обрамляется кавычками.
12. HTML тэг <ins>. Этот тэг уникальный в своем роде, так как HTML элемент INS не относится ни к строчным, ни к блочным HTML элементам. Данный тэг выделяет текст подчеркиванием, но, что еще важнее, и поисковая система, и браузер считают, что текст внутри элемента INS является актуальным (это касается законов, новостей, стандартов и прочего).
13. HTML тэг <del>. Создан в противовес тэгу <ins>. Текст внутри элемента DEL будет выделен зачеркиванием, а браузер и поисковая система начинают понимать, что данный текст устарел или скоро потеряет всякую актуальность и будет удален с сайта.

Примеры выделения слов в HTML документе

Итак, давайте попрактикуемся в выделение различных фраз и слов в HTML документе при помощи тэгов логического форматирования, о которых мы так много сказали ранее. Давайте создадим HTML документ, вы можете использовать для этих целей любой редактор, даже Блокнот (но я бы рекомендовал вам выбрать что-нибудь из этой четверки, так как их функционал очень обширен и они очень удобны и просты в использование: HTML редактор Notepad++, бесплатный редактор Brackets, PHP редактор NetBeans и Sublime Text 3, минусом последнего является тот факт, что он платный, все остальные редакторы бесплатные):

<!DOCTYPE html> <html lang=»ru-RU»> <head> <meta charset=»UTF-8″> <title>Выделение слов в HTML</title> <link rel=»stylesheet» type=»text/css» href=»style.css» /> </head> <body> <h2>Пример к статье про важные слова в HTML</h2> <p> <em>Этот текст будет курсивным, а браузер и поисковая машина будут его считать важным</em> <strong>Этот текст будет жирным, а браузер и поисковая машина будут его считать важным</strong> </p> <p><q>Творчеством я не занимаюсь, не люблю это слово, сейчас слишком много стало творческих людей в нашей стране. Я считаю, что я аферист, не проект, а афера.</q> </p> <p><cite>Сергей Шнуров</cite></p> <p><code>&lt;?php echo «Hello, world!»?&gt;</code></p> <p>В результате вы увидите строку <samp>Hellow, world!</samp></p> <p>Используйте сочетание клавиш &lt;Ctrl&gt;+D, чтобы сделать закладку в браузере.</p> <p>Объявим переменную <var>$my_id</var> и присвоим ей значение:</p> <p><dfn>Предметная область</dfn> — это часть реального мира, описываемая или автоматизируемая при помоищ базы данных.</p> <p><abbr title=»язык разметки гипертекста»>HTML</abbr> — данный язык был разработан в стена ЦЕРНа.</p> <p><acronym title=»Соединенные штаты америки»>США</acronym> — страна в Северной Америки. </p> <p><del>Устаревший текст, который будет удален</del> <ins>Новый текст, который скоро станет актуальным</ins></p> </body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

<!DOCTYPE html>   <html lang=»ru-RU»>   <head>   <meta charset=»UTF-8″>   <title>Выделение слов в HTML</title>   <link rel=»stylesheet» type=»text/css» href=»style. css» />   </head>   <body>   <h2>Пример к статье про важные слова в HTML</h2>   <p>   <em>Этот текст будет курсивным, а браузер и   поисковая машина будут его считать важным</em>   <strong>Этот текст будет жирным, а браузер и   поисковая машина будут его считать важным</strong>   </p>   <p><q>Творчеством я не занимаюсь, не люблю это слово,   сейчас слишком много стало творческих людей в нашей стране.   Я считаю, что я аферист, не проект, а афера.</q>   </p>   <p><cite>Сергей Шнуров</cite></p>   <p><code>&lt;?php echo «Hello, world!»?&gt;</code></p>   <p>В результате вы увидите строку <samp>Hellow, world!</samp></p>   <p>Используйте сочетание клавиш &lt;Ctrl&gt;+D, чтобы   сделать закладку в браузере. </p>   <p>Объявим переменную <var>$my_id</var> и присвоим ей значение:</p>   <p><dfn>Предметная область</dfn> — это часть реального мира, описываемая или   автоматизируемая при помоищ базы данных.</p>   <p><abbr title=»язык разметки гипертекста»>HTML</abbr> — данный язык был разработан   в стена ЦЕРНа.</p>   <p><acronym title=»Соединенные штаты америки»>США</acronym> — страна в Северной Америки.</p>   <p><del>Устаревший текст, который будет удален</del>   <ins>Новый текст, который скоро станет актуальным</ins></p>   </body>   </html>

Не забывайте использовать пробельные символы (табуляции и перенос строк) для форматирования HTML кода. Сохранив данный код, как index.html, а затем открыв его в браузере вы увидите примерно следующее:

Пример правильного выделения слов в HTML документе

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

Метатеги в HTML | Шнайдер блог

2855 Посещений

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

Метатеги для веб-портала находятся в HTML-коде между тегами <head>…</head>. Синтаксис метатега выглядит так:

<meta name=»атрибут» content=»слова»> <meta http-equiv=»атрибут» content=»действие»>

Рассмотрим атрибуты тега <meta>:

• content — устанавливает значение атрибута, которое было задано при помощи name и http-equiv.
• http-equiv — отвечает за конвертацию меттега в заголовок HTTP.
• name — атрибут, по которому определяется предназначение метатега. Обратите внимание на то, что в одном <meta> нельзя использовать и name, и http-equiv.
• charset — кодировка документа.

Кроме того, метатеги разделены на две категории:

• Name — категория, содержащая только текстовую информацию (ключевые слова, описание и пр.). В Name собраны данные, которые ищут поисковики.
• HTTP-EQUIV — категория, которая влияет на формирование заголовка, а также дает понять браузеру, о каком режиме обрабтки идет речь.

Функций метатегов разбиты три группы:

• Метатеги для “управления” браузером (в них содержатся советы/требования по отображению веб-страниц).
• Метатеги, содержащие данные о контенте и авторе.
• Метатеги, содержащие информацию для поисковиков.

Рассмотрим каждый пункт детальнее.

Метатеги для браузера

Для тегов данной категории характерно присутствие атрибута http-equiv:

• Content-Type — кодировка и тип документа. Например, установим международную кодировку utf8, без использования которой русский текст на странице может отображаться в виде набора символов:

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>

• Content-Language —  задает язык документа, а также “уведомляет” о нем роботов, которые индексируют веб-портал. Например:

<meta http-equiv=»Content-Language» content=»ru»>

• Cache-Control — информирует браузер о кэше:

<meta http-equiv=»Cache-Control» content =»[no-cache], [public], [private], [no-store], [must-revalidate], [proxy-revalidate], [max-age=n]»>

Значенич параметров:

[no-cache] — запрет на кэширование документа.

[public] — документ кэшируется во всех возможных случаях.

[private] — документ кэшируется в частном кэше, но не в proxy-сервере.

[no-store] —  документ кэшируется, но не хранится в архиве.

[must-revalidate] — максимальное время хранения кэша. Задается вместе с параметром max-age=n. Например:

<meta http-equiv=»Cache-Control» content=»max-age=3600, must-revalidate»>

[proxy-revalidate] — то же самое, что и в предыдущем случае, но в отношении proxy-сервера.

[max-age=n] — максимальное время кэширования (в секундах) .

<meta http-equiv=»pragma» content=»no-cache»>

<meta name=»expires» content=»Sat, 2 Apr 2016 08:00:00 GMT «>

• Refresh — автоматическое обновление документа через указанное время (исчисляется в секундах). Также можно указать URL-адрес другой веб-страницы, и тогда будет загружена именно она. Например, через 10 секунд посетитель сайта окажется на указанной странице:

<meta http-equiv=»refresh» content=»10; url=http://URL-страницы»>

Метатеги для поисковиков

Метатеги для поисковых роботов не видны посетителям сайта, но играют важную роль в продвижении веб-портала:

<meta name=»description» content=»Метатеги в HTML»>

<meta name=»keywords» content=»метатеги, html, keywords»>

Index — разрешение на индексацию страниц.

Noindex — запрет на индексацию страницы.

Follow — разрешение “ходить”  по ссылкам страницы.

Nofolllow — запрет на “хождение” по ссылкам страницы.

All — разрешено индексировать страницу + “ходить по ссылкам.

None — запрещено индексировать страницу + “ходить по ссылкам.

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

<meta name=»robots» content=»noindex, nofollow»>

<meta name=»revisit» content=»10 days»>

<meta name=»resource-type» content=»Document»>

Возможные значения: Document, Build, Classification, Creation, Formatter, Host, Operator, Random text, Rating, Site-languages, Subject, Template, Version.

<meta name=»Subject» content=»Метатеги в HTML»>

<meta name=»URL» content= «http://ваш-URL»>

Метатеги с информацией о содержимом странице и авторе

Данные значения имеют наименьшую важность при продвижении сайта, но при желании их также можно учитывать:

<meta name=»Generator» content=»cms/программа>

<meta name=»Reply-to» content=»e-mail»>

<meta name=»Author» content=»Имя автора»> <meta name=»Copyright» content=»Название фирмы»>

9 основных тегов HTML для SEO, которые вам нужно знать

Откройте для себя 9 важных тегов HTML для SEO, которые помогут вам повысить рейтинг вашего сайта.

Теги HTML помогают поисковым системам понять ваш сайт.

Когда они это сделают, тем выше будет ваш ранг.

Итак, сегодня вы узнаете все о тегах HTML для SEO: что это такое и как их использовать.

Что такое тег HTML?

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

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

Вот пример:

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

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

Что такое важные теги HTML?

Мы рассмотрим 9 самых важных тегов HTML для SEO.

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

Вот 9 HTML-тегов для SEO, которые мы рассмотрим сегодня:

1. тег заголовка
2. мета-описание
3. теги заголовка
4. декоративные теги ключевых слов
09 мета-теги
5. изображение0042
6. ссылка и якорный текст
7. тег nofollow
8. тег canonical

Мы также поговорим о лучших практиках для каждого тега HTML.

1. Тег заголовка

Тег заголовка является наиболее важным тегом HTML.

Это заголовок вашего сайта на странице результатов поиска.

Источник изображения : Rank Movers

Почему это важно:

Тег заголовка оказывает наибольшее влияние на то, нажимают ли пользователи на ваш сайт или нет.

Это потому, что 80% людей читают заголовок, но только 20% читают остальное. Чтобы улучшить это соотношение, вы должны сделать свой заголовок убедительным.

Это важно не только для искателей…

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

Вы можете помочь Google правильно ранжировать свой веб-сайт, включив в заголовок релевантные ключевые слова.

Источник изображения

Небольшое изменение в теге заголовка может резко увеличить трафик.

На самом деле, в тематическом исследовании Ahref они сделали небольшое изменение в названии, как вы можете видеть ниже.

Результаты?

Увеличение органического трафика на 37,58%.

Источник изображения: Ahrefs.

Это может полностью помешать вам передать сообщение…

Этого следует избегать любой ценой. Итак, держите ваши заголовки между 50-60 символами. В 90% случаев они будут отображаться правильно, если вы оставите их в этом диапазоне.

• Ключевые слова ставить первыми

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

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

Что выделяет BiQ Keyword Intelligence среди остальных инструментов исследования ключевых слов на рынке, так это функция анализа ключевых слов. Это поможет вам понять, почему кто-то может искать ключевое слово в поисковой системе. С помощью этих данных вы сможете планировать свой контент таким образом, чтобы он отвечал потребностям ваших пользователей.

Если вы не уверены, какое ключевое слово использовать, вы можете отсортировать ключевые слова по их значению.

Ключевое слово с высокой ценностью означает, что оно принесет больше трафика на ваш сайт при более низкой конкуренции.

• Пишите для клиентов

Не хвастайтесь своим бизнесом в заголовках.

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

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

2. Мета-описание

Мета-тег — еще один важный HTML-тег для SEO.

Краткое описание вашей веб-страницы в поисковой выдаче. Это второй по важности тег HTML, по крайней мере, на странице результатов поиска.

Он должен рассказать пользователям больше о веб-странице и убедить их щелкнуть.

Источник изображения: WordStream

Почему это важно?

Дело в том, что метаописание не является фактором ранжирования. Ну, по крайней мере, это не влияет на ранжирование напрямую.

Но, косвенно говоря… Ага, так и есть.

Знаете ли вы, что 43% пользователей нажимают на результат поиска исключительно на основе мета-описания?

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

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

Рекомендации по использованию метатегов:

• Используйте полную длину

Вы можете подытожить свою веб-страницу одним предложением или предоставить пользователям более подробную информацию, используя полное метаописание.

Источник изображения: SEMRush

Полные метаописания получают на 36% больше трафика, чем более короткие метаописания.

Обязательно используйте полную длину и сделайте ее привлекательной.

• Будьте актуальны

У вас не так много места для письма.

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

Вы также должны сделать его броским и убедительным.

• Избегайте наполнения ключевыми словами

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

Источник изображения

Пожалуйста, сделайте себе одолжение и избегайте этого.

Это приведет только к штрафам, что резко снизит рейтинг.

3. Теги заголовков

Теги заголовков представляют заголовок и подзаголовки вашего контента.

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

Самый важный тег заголовка — h2 — он больше всего влияет на ранжирование.

Почему это важно?

Теги заголовков определяют структуру вашего контента.

Они облегчают навигацию, что является обязательным в наши дни, когда 80% посетителей являются скиммерами.

Они также помогают поисковым роботам понять ваш контент, особенно тег h2. Изменение тега h2 улучшило рейтинг с 380-й позиции на 3-ю позицию в результатах Google .

Улучшение тегов заголовков определенно стоит вашего времени.

Рекомендации по тегам заголовков:

• Включите ключевые слова

Включите релевантные ключевые слова в теги заголовков.

Причина этого проста — они помогают поисковым системам выяснить, по каким ключевым словам они должны ранжировать вас.

Они также могут помочь вам с ранжированием в избранном фрагменте.

В приведенном выше примере «10 ведущих маркетинговых платформ» — это тег h2, а все выделенные инструменты — теги h3.

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

• Используйте цифры

Заголовки, содержащие цифры, работают лучше всего.

Источник изображения

Числа подобны конфетам для мозга и могут мотивировать нас. Что из следующего заставило бы вас читать дальше?

«Сегментированные кампании могут значительно увеличить доходы».

Или

«Сегментированные кампании могут привести к увеличению дохода на 760%».

Второй точно.

Числа также привлекают на 73% больше внимания, и ими чаще делятся в социальных сетях.

• Сделайте его немного отличным от тега заголовка

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

Но поможет ли это им, если вы создадите два одинаковых заголовка с тем же тегом title, что и тег h2?

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

4. Декоративные теги ключевых слов

Текстовые украшения являются важными тегами HTML.

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

Почему это важно:

Они могут сделать ваш текст более четким.

Они также упростят просмотр вашего контента, что крайне важно, поскольку, как мы уже говорили ранее, 80% посетителей являются скиммерами.

Рекомендации по использованию декоративных тегов ключевых слов:

Лично я использую это так:

• Жирный — выделяет самый важный текст0041 Курсив – менее важный текст и имена, такие как BiQ Cloud , Inspection panel и т. д.

5. Альтернативный текст изображения

Альтернативный текст изображения описывает изображение на веб-странице. Он также появляется, когда изображение не загружается должным образом.

Почему это важно:

Это может помочь посетителям понять, о чем изображение, если оно по какой-либо причине не загружается.

Это также сделает ваш сайт более доступным. 3% людей используют программы чтения с экрана для просмотра веб-страниц (в основном из-за слабого зрения) 9.0003

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

Рекомендации по альтернативному тексту изображения:

• Будьте как можно более конкретными

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

Однако убедитесь, что они конкретны, актуальны и не путают их.

• Используйте ключевые слова

Как мы уже говорили ранее, это еще одно место для включения ваших ключевых слов.

Это может помочь вам с ранжированием в поиске изображений, что может увеличить ваш трафик.

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

• Говорите коротко

Не пишите сочинений по картинке.

Вместо этого говори коротко и ясно, прямо по делу. Вам также следует избегать таких слов, как «изображение» и «изображение» .

Они избыточны и не представляют ценности.

6. Метатеги Open Graph

Иногда платформы социальных сетей искажают внешний вид вашей веб-страницы при публикации.

Это теги HTML, которые могут помочь вам сообщить социальным сетям, как именно вы хотите, чтобы ваша веб-страница выглядела при публикации.

Затем вы сможете создавать более качественные сообщения, привлекающие больше пользователей.

Почему это важно:

Повысят CTR.

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

На самом деле, Tumblr (увеличение на 250%) и Neil Patel (увеличение на 174%) использовали метатеги Open Graph и увидели гигантский рост CTR .

Рекомендации по использованию метатегов Open Graph:

• Генерация правильных тегов

Нет ничего хуже, чем иметь рабочий пост и засорять его нефункциональными тегами Open Graph.

Вот почему так важно создавать работающие теги.

Мы говорили о том, как его использовать, и подробно обсуждали метатеги Open Graph в нашем предыдущем посте в блоге.

• Совершенствуйте каждый тег

Все метатеги открытого графа полезны, и вы должны совершенствовать их все.

Три самых важных из них: title , image , и description .

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

• Предварительный просмотр сообщения

Всегда полезно проверить, выглядит ли ваше сообщение должным образом.

Вы можете сделать это с помощью отладчика Facebook , который поможет вам предварительно просмотреть сообщение.

Просто введите URL-адрес своей веб-страницы и нажмите Отладка .

7. Тег Link & Anchor Text

Создание ссылок имеет решающее значение для высокого рейтинга.

Фактически, это один из самых важных факторов ранжирования.

И вы уже догадались… Чтобы создать ссылку, вы должны использовать тег ссылки. Другая вещь — это анкорный текст (выделенный текст, на который можно щелкнуть)

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

Почему это важно:

Тег ссылки позволяет указать тип ссылки.

Существует два типа ссылок — dofollow и nofollow. Оба важны для SEO, но в основном dofollow помогает вам в ранжировании.

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

Рекомендации по использованию текстовых тегов ссылок и привязок:

• Ключевые слова в анкорном тексте

Важно включать релевантные ключевые слова в анкорный текст.

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

• Внутренние ссылки

Не все ссылки должны вести на внешние сайты.

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

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

Источник изображения

• Типы обратных ссылок

Не каждая ссылка должна быть dofollow.

На самом деле наличие только ссылок dofollow может показаться Google подозрительным и выглядеть как манипуляция с ранжированием.

Поэтому вы должны использовать ссылки dofollow только для релевантных ссылок.

Нерелевантные ссылки должны быть nofollow.

8. Тег ссылки Nofollow

Мы говорили о теге ссылки в предыдущем разделе.

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

Почему это важно:

Во-первых, ссылки nofollow не принесут вам никакой пользы. Их пропускают сканеры.

Но это не значит, что они бесполезны (их НЕТ).

Посмотрите, что произошло, когда SEMrush заменил нерелевантные ссылки dofollow на nofollow — это резко увеличило трафик.

Несмотря на то, что ссылка является nofollow, Google знает об этом.

Из примера видно, что nofollows имеет значение и для SEO. Поэтому не вычеркивайте их, а используйте стратегически.

Рекомендации по ссылке nofollow:

• Как использовать атрибут nofollow?

Вы можете легко сделать любую ссылку nofollow.

Вам просто нужно добавить «rel=nofollow» к тегу ссылки, как показано ниже.

Это так просто.

• Когда использовать nofollow?

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

Сюда входят реклама, виджеты и комментарии. Особенно важно, чтобы вы помечали комментарии как nofollow.

Предотвратит создание спамерами ссылок в комментариях, что может привести к наказанию.

• Не делать внутренние ссылки nofollow

Нет причин делать внутренние ссылки nofollow.

Однако многие маркетологи совершают эту ошибку.

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

9. Канонический тег

Тег последней ссылки является каноническим тегом.

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

Тег canonical поможет вам это исправить.

Почему это важно:

Повторяющийся контент может сбить с толку Google, и он не сможет должным образом ранжировать ваш сайт.

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

Источник изображения

Рекомендации по тегам Canonical:

• Поиск дубликатов

Вы можете легко сделать это с помощью Siteliner.

Это бесплатная программа для проверки дубликатов, которая поможет вам найти повторяющиеся ссылки.

Просто введите свой URL-адрес, нажмите «Перейти», и вы получите список всего дублированного контента.

• Выберите основной URL

Вы должны просмотреть дубликаты и решить, какая ссылка является основной.

Какой URL вы хотите ранжировать в результатах поиска?

После этого пришло время пометить другие ссылки как дубликаты и попросить Google ранжировать ваш основной URL.

• Сделать все остальные URL каноническими

Последнее, что вам нужно сделать, это сделать все остальные ссылки каноническими.

Это сигнализирует Google, что они являются дубликатами и что все они должны перенаправлять на ваш основной URL. Для этого перейдите к коду и добавьте следующий фрагмент кода ко всем повторяющимся URL-адресам.

Просто скопируйте приведенный выше код в заголовок вашего HTML-файла, измените «moz.com» на ваш основной URL-адрес, и все готово.

Заключительные мысли

Теги HTML важны для поисковых систем.

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

Они также повысят ваш трафик и сделают ваш сайт более читабельным.

Мы рассказали о 9 основных тегах HTML для SEO. Какой из них вы начнете внедрять на своем веб-сайте? Или я что-то упустил?

В любом случае, дайте мне знать в комментариях ниже.

7 HTML-теги, необходимые для SEO

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

Что такое теги HTML?

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

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

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

Хотя это определенно шаг в правильном направлении, теги HTML на самом деле хорошо подходят для этой стратегии.

Если ваш контент содержит ключевые слова с высоким рейтингом и соответствует критериям Google (без наполнения ключевыми словами и плотности ключевых слов 2% или ниже), поисковые роботы смогут его найти.

Когда поисковый робот найдет ваш контент, он будет искать теги HTML на вашем веб-сайте, чтобы помочь ему понять ваш веб-сайт и классифицировать ваш контент.

Таким образом, с HTML-тегами у вас есть еще один инструмент, который поможет вашему сайту связаться с нужной аудиторией — теми, кто действительно нуждается в ваших продуктах или услугах.

7 HTML-тегов, необходимых для SEO

Теперь, когда вы хорошо знаете, что такое HTML-теги, давайте обсудим 7 лучших HTML-тегов и то, как они могут оптимизировать ваш сайт.

1. Теги заголовков

Как профессиональные веб-разработчики, мы рекомендуем, чтобы тег заголовка был номером один в вашем списке основных тегов HTML.

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

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

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

Поэтому, когда мы создаем блоги для наших клиентов или для нашего веб-сайта, основное ключевое слово всегда включается в заголовок. В этой статье мы пытаемся ранжироваться по ключевым словам «HTML-теги» и «SEO».

2. Теги мета-описания

Тег заголовка и тег мета-описания должны быть 1 и 2 в вашем списке основных тегов HTML для SEO.

Эти 2 тега работают рука об руку и дополняют друг друга. Предположим, вы сделали кликабельный тег заголовка. Вы можете побудить пользователя Интернета нажать на ваш URL-адрес, но, скорее всего, он сделает паузу, прежде чем предпринять желаемое действие.

Во время этой паузы он наткнется на ваш метатег — краткое описание того, о чем ваша веб-страница. Описание метатега должно ответить на этот вопрос в сознании пользователя Интернета:

«Это то, что я искал?»

Аналогичным образом, метатег должен быть оптимизирован за счет содержания тех же ключевых слов, что и тег заголовка.

Чтобы узнать больше о том, как создавать эффективные описания метатегов, ознакомьтесь с нашим недавним блогом «6 ошибок, которых следует избегать при написании метаописаний».

3. Теги заголовков

Вот статистика, которая поможет вам понять, почему теги заголовков важны для SEO:

55% посетителей веб-страницы тратят только 15 секунд чтение вашего контента.

За это короткое время пользователи Интернета не читают, а просматривают ваш контент. Статистика подчеркивает важность создания легко читаемого контента.

Заголовки упрощают чтение контента, разбивая его на разделы. Тег Header сообщает читателю, о чем этот раздел.

Теги заголовков различаются как h2, h3 и h4. Где, когда и как вы используете эти теги?

• h2 – Зарезервировано для названия; представлен жирным шрифтом и использует самый большой размер шрифта.

• h3 – Раздел дает читателю описание того, о чем заголовок. В этой статье наш h3 определяет, что представляют собой теги HTML, чтобы помочь нашим читателям лучше понять концепцию, прежде чем углубляться в контент.

• h4 – Обсуждает тему. Таким образом, после определения того, что представляют собой теги HTML, мы переходим к сути статьи, 7 тегам HTML, которые необходимы для SEO.

• h5 – Поддерживает пункты, обсуждавшиеся в h4. В этом блоге h5 является Заключением и резюмирует основные обсуждаемые моменты.

По мере того, как вы работаете с тегами заголовков, размер шрифта становится меньше, но по-прежнему остается полужирным. В некоторых длинных блогах автор включает h5 и H5.

4. Альтернативные теги изображения

Вот статистика, которая поддерживает наличие альтернативных тегов изображения:

Содержимое, содержащее графику или изображения, генерирует На 94% больше просмотров .

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

Альтернативный тег изображения сообщает поисковой системе, о чем ваше изображение.

Например, если у вас есть изображение человека, жарящего стейк, тег alt изображения передаст Google следующую информацию: Например, тег alt image сообщает Google, что на изображении, встроенном в блог, изображен кто-то, кто готовит стейк на гриле.

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

5. Текстовые теги привязки

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

Поисковые системы с осторожностью относятся к ссылкам, используемым на веб-странице. Есть создатели контента, которые набивают страницу ссылками, не относящимися к теме.

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

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

6. Мета-теги Robots

Мета-теги Robots устанавливают основные правила того, как поисковые роботы индексируют вашу веб-страницу. Не все ваши правила должны быть обязательными. Некоторые должны «предлагать» поисковым роботам, как вы предпочитаете, чтобы они выполняли свои функции при сканировании вашего контента.

Будут ли поисковые роботы подчиняться? Некоторые этого не сделают, но хорошая новость заключается в том, что поисковые системы, такие как Google, Bing и Yahoo, будут.

Метатеги Robots имеют 2 характеристики:

• Метатег Robots должен указывать поисковый робот по его имени. Например, поисковый робот Google называется Googlebot.

• Положения тега Meta Robots должны соответствовать вашим предпочтениям и целям. Например, могут быть страницы, которые вы не хотите индексировать поисковыми роботами.

Заключение

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

Но не останавливайтесь на достигнутом.

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

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

Мы надеемся, что наше обсуждение HTML-тегов помогло вам. Позвоните нам, и мы настроим HTML-теги для вашего сайта.

Если вам понравилась эта статья, поделитесь ею с друзьями.

Использование метатегов в HTML: некоторые основы и рекомендации

Метаданные часто называют «данными о данных», и один из способов их представления на веб-страницах — с помощью тега . Содержимое мета-тегов обычно описывает информацию о странице HTML, которая обычно не может быть представлена ​​никакими другими тегами HTML. Кроме того, 9Мета-тег 0812 также можно использовать для эмуляции заголовка ответа HTTP (например, перенаправления на другую страницу), и он имеет такие атрибуты, как http-equiv и charset , детали которых были четко описаны в сети разработчиков Mozilla. .

Почему важны метатеги?

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

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

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

Использование различных метатегов

Различные метатеги определяются путем изменения атрибута имени на допустимое значение.

Наиболее часто используемый метатег используется для описаний :

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

Вы также можете указать автора страницы с помощью метатегов.

Атрибут charset используется для указания кодировки символов вашего контента. HTML-страница может иметь только одну кодировку. Для большинства веб-страниц следует использовать кодировку символов UTF-8.

Дополнительную информацию о кодировках символов и выборе кодировки символов можно найти на сайте W3C.

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

Значение атрибута content относится к интервалу времени в секундах до обновления выполняется. URL-адрес может быть одинаковым или другим в зависимости от того, хотите ли вы обновить страницу или перенаправить на новую. Вы также можете оставить URL-адрес пустым, чтобы обновить текущую страницу.

Устаревшее использование

Использование мета-тега менялось с годами, и существуют определенные популярные практики, которым не следует следовать сегодня. Например:

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

Мета-теги также используются для обозначения авторских прав.

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

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

Компания Google заявила, что маловероятно, что это изменится в будущем, поэтому вам не следует метатеги ключевых слов.

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

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

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

Для дальнейшего чтения я предлагаю вам просмотреть документацию Facebook Open Graph.

Подобно Open Graph, Twitter имеет карточки Twitter (используя name="twitter:title" или name="twitter:url" ), а Google+ использует Schema.org (используя itemscope и itemprop ).

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

Инструменты метаданных

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