Правильные теги для сайта
Всем привет в прошлой своей статье, я говорил о том, как составить семантическое ядро для своего сайта. После того как вы примените все полученные знания на практике, и создадите семантическое ядро, у вас будет три группы ключевых слов, низкочастотные, среднечастотные и высокочастотные.
Первым делом я рекомендую писать статьи на свой блог или сайт, только под низкочастотные ключевые слова. Почему?
Потому что в них мало конкурентов, раскручивать сайт по низкочастотным ключевым словам намного проще, и выводить такие статьи в топ-10 поисковой выдачи легче. Продвижение по низкочастотным словам, обойдется вам намного дешевле, чем по среднечастотным и высокочастотным.
После того как, низкочастотные ключевые слова закончатся, вы напишите под них, и разместите у себя на сайте, только после этого приступайте к написанию по среднечастотным, затем под высокочастотные. Давайте перейдем к главной тема.
Правильные теги для сайта
Для чего нужны теги? Для того, чтобы наш сайт лучше продвигался в поисковой системе. Один из самых главных тегов на сайте, это трег title. Рассмотрим где title, где он отображается в поисковой системе.
Зайдем, например в яндекс, введем любое ключевое слово, любую фразу.
То что выделено синим жирным цветом, это и есть тег Title. То что вы пропишите в этом теге, со временем будет отображаться в поисковых системах.
На первом месте, должна стоять ключевое слово, затем она должна быть разбавлено тематическим дополнением. Например: ключевое слово «как составить семантическое ядро» дополнение самостоятельно. Такое словосочетание, должно использоваться в теге title. Каждую статью, которую вы будете размещать, я рекомендую писать только под одно ключевое слово. Ключевое слово, под которой вы пишите статью, должно быть в теге title, на первом месте.
Тег description
Это описание статьи. В этом теге вы должны вкратце описать о чём ваша статья. Давайте рассмотрим пример: статья у мне о том, как составить семантическое ядро и в описание мы можем написать:
Также в этом теге, нужно применить один раз, ключевое слово вашей статьи.
Тег keywords
Ключевые слова в этой статье. Нужно прописать основные слова вашей статьи. Например: у меня статья о семантическом ядре, и я прописал 4 ключа.
Сейчас я вам покажу где именно находятся эти теги, которое мы только что рассмотрели.
Например, если сайт на html, то есть он сделан в самое распространенное программе для создания сайтов Dreamweaver, то эти теги у нас в коде сайта, например:
Теперь рассмотрим, как выглядят эти теги в распространенном движке wordpress. Создаем новую запись, для того чтобы здесь прописать эти теги, нам нужно установить плагин который называется all-in-one-seo-pack. После того как вы установите данный плагин на wordpress, появится модуль в самом низу записи, прописать нужно заголовок, описание и ключевые слова.
Теперь рассмотрим как выглядят эти теги на сайте, я сейчас открою исходный код страницы, любой своей записи.
Тег H1
И последний тег который остался, это h1 «заголовок». Тег h1 мы прописываем ключевое слово, а можно разбавить дополнением.
На этом все, и напоследок подробное видео.
Что такое теги простыми словами, как их делать и добавлять: примеры использования
Что означает
По существу — это ключи (ключевые слова), с помощью которых удается быстро отыскать необходимые сведения. Так, таргетологи в Твиттере для информирования о предоставляемых ими услугах задействуют хештеги #Дешево_реклама. Это значительно расширяет возможности, и упрощает поиск клиентов.
Другими словами — это краткое, но емкое представление смысловой нагрузки текста или иной информации, находящейся в файле. Создание пометки осуществляет пользователь. При этом ему совершенно необязательно учитывать уже имеющиеся категории. Такое отсутствие условий и ограничений делает теги самым передовым методом каталогизации данных.
Тематические отметки используют в двух случаях:
Для чего нужны и где используются
Ответ однозначный — везде. Каталогизация по категориям в последнее время используется все реже, что особо отчетливо видно на страницах западных сайтов, трекерах и файлообменниках. Переход на Tag здесь осуществили уже довольно давно. Конечно, подразделение на небольшие смежные тематики до сих пор не теряет актуальности. Но задействуется больше как элемент общения, а не с целью обмена данными.
Преимуществом задействования тегов выступает гибкость. Можно создать абсолютно любую отметку, ведь это определяющие слова для данных. В качестве них зачастую используют имена, даты, географические названия, какие-либо понятия и т.д.
Еще одно неоспоримое их достоинство — легкость в использовании. Сама по себе идея отличается простотой. Соответственно, каждый пользователь, поняв ее суть и рассмотрев примеры у других юзеров, запросто применяет их для своих сведений. Нельзя недооценивать их роль при создании текстового контента для сайта. Важно правильно их применить, чтобы сделать поиск информации максимально простым и привлечь внимание большого количества пользователей.
Язык гипертекстовой разметки
Его появление вполне закономерно. Он весьма эффективен и выступает в качестве монументальной базы в мировой сети. Называют его HTML (Hyper Text Markup Language).
По сути, специализированным ПО, с помощью которого доступно чтение страниц, является браузер.
Метки как части языка HTML
Серверы и браузеры обмениваются между собой сведениями. Процесс этот непростой, он осуществляется при соблюдении положений протоколов HTTPS и HTTP. Вся необходимая информация передается в текстовом виде. Данная методика — идеальное решение для компьютера, но для человеческого восприятия она слишком сложная. Поэтому разработчики стали искать эффективный метод структурирования. Их решимость найти выход из сложившейся ситуации привела к появлению хештегов.
Изначально на страницах первых сайтов, где преимущественно происходило общение между программистами, появились решетки (#) с идущим за ними текстом. Таким образом удалось совершить переход от весьма неудобной формы обмена сведениями к более функциональной. Появились каталоги, в которых данные распределялись и группировались по определенным критериям. Теги стали обозначением этих каталогов, чем-то вроде границ, в рамках которых находится информация заданной тематики.
Так отметки успешно доказали свою эффективность и стали частью языка html.
Как они работают
Разметки текстовых данных обозначаются угловыми скобками ( Н3 >). Между ними находится обозначение тематики располагающихся за тегом сведений.
Есть еще одиночные отметки без закрывающей части. Так,
говорит об имеющемся абзаце, он встречается не только в одиночном, но и в парном варианте. А свидетельствует о том, что идущие за ним текстовые данные представляют собой код какой-либо программы.
Служебные теги
Парные определяют границы текста. устанавливают рамки заголовка, а
HTML-теги, без которых в SEO никуда
Мы привыкли, что большинство манипуляций с HTML-кодом выполняет программист. Так и должно быть. Но это ни в коем случае не освобождает сеошника от необходимости знать базовые HTML-теги. Как минимум — для правильной постановки ТЗ, а как максимум — для понимания, как теги влияют на SEO.
Какие теги и атрибуты важны для продвижения, как их правильно оформлять и зачем они нужны? Мы прошлись по самым важным для сеошников и диджитал-маркетологов тегам и составили список, чтобы вы могли освежить свои знания или же разобраться в основах HTML с нуля.
База — коротко о важном
HTML-код — это язык, с помощью которого страница сообщает браузеру, какие элементы она содержит, и что нужно выводить на экран.
HTML — это основа большинства веб-страниц и одна из важнейших частей технического SEO. С помощью элементов HTML SEO-специалисты могут предоставлять информацию о страницах как пользователям, так и краулерам. Таким образом, можно понять, какая структура страницы и порядок ее содержимого, а также как одна страница связана с другими.
Простыми словами, если зайти на страницу сайта, вы увидите сверстанный текст, с разделами и подзаголовками, картинками и ссылками. Но для браузера и поисковых систем такая страница представляет собой просто строки HTML-кода с определенными элементами.
Мы уже затронули термины «элемент HTML» и «тег», но есть также метатеги и атрибуты. Вы легко можете запутаться, если не знаете, в чем разница.
Поэтому давайте разберем основные термины, которые мы будем часто использовать в этой статье.
Структура элемента HTML
HTML-код состоит из элементов, каждый из которых может быть тегом или метатегом. Если у него есть дополнительные характеристики, это атрибуты.
В данном случае это заголовок, который обозначается в коде с помощью открывающего тега
Тег — это элемент языка HTML. С его помощью разграничивают начало и конец каждого элемента. Теги определяют, как браузеры форматируют и отображают содержимое страницы. Например, если мы хотим подчеркнуть текст на странице, используется тег . Теги могут быть парными, один из них открывающий, а другой — закрывающий (например, …), или одиночными (например,
или ).
Метатег — это разновидность тега. С его помощью поисковики и браузеры получают техническую информацию о странице сайта — описание страницы, ключевые слова, кодировку документа, правила индексирования для поисковиков и другие. Все метатеги должны находиться в теге документа. Интересно, что description и keywords являются метатегами, а title — тегом.
Атрибут — дополнительная характеристика тега или метатега. Они представляют собой специальные слова, которые используются внутри начального тега для управления поведением элемента.
Например, ранее мы говорили о теге, который добавляет на страницу картинку. А вот его атрибут alt задает альтернативный текст для изображения в случае, если оно не будет отображаться.
Чем теги отличаются от атрибутов
Многие не видят разницы между терминами «тег» и «атрибут». Но отличия есть. Давайте разбираться с терминологией.
Вот пример элемента HTML, в котором можно выделить три части:
открывает тег, «Добро пожаловать в мой блог о SEO» — это содержание тега, а
Элемент HTML в приведенном выше примере — это видимый заголовок на странице блога. Теперь давайте проведем различие.Если теги должны иметь начальный и конечный элементы для правильного функционирования, то атрибуты нет — они добавляются к элементам HTML как модификаторы, например:
Обратите внимание, что существуют также пустые элементы, такие как
, у которых нет содержания или закрывающего тега.
Зачем теги поисковикам и юзерам
Что такое теги и атрибуты понятно, но зачем они нужны поисковым системам, браузерам и юзерам? Поисковики используют теги, чтобы получить информацию о содержимом страницы и включить ее в результаты поиска.
Прямое тому подтверждение — сниппет в выдаче, который обычно формируется с помощью тега title и метатега description. Но если заголовок и описание страницы будут составлены некорректно (не отвечают действительности, переспамлены ключами и т. д.), Google и Яндекс заменят их на более подходящие, взятые из разметки и содержания страницы.
В справках Search Console и Вебмастера указаны списки метатегов, которые поддерживает Google и Яндекс соответственно. Обязательно ознакомьтесь с ними, если хотите узнать больше о каждом HTML-теге.
Теги помогают браузеру считывать информацию о странице. Благодаря этому текст, картинки и ссылки на наших мониторах отображаются именно так, как указано в HTML-коде. Сложно представить, если бы нам приходилось «вылавливать» текст на сайте из кода.
Теперь, когда мы разобрались с основными понятиями HTML, давайте перейдем к самому интересному: тегам и атрибутам, которые важны для поисковой оптимизации.
3 основных HTML-тега
Если вы хотите создать страницу, которая будет полезна людям и, что более важно в контексте этой статьи, поисковикам, вы должны добавить в код три ключевых HTML-тега.
Тег указывает, что страница является веб-страницей
Тег — это самый первый тег, который вы должны добавить в код своей страницы. Он указывает поисковым системам, что данная страница — это веб-страница.
Хоть сам по себе не является HTML-тегом (поэтому у него нет никаких атрибутов), он предоставляет браузерам очень важную информацию, которая позволяет узнать, согласно какому стандарту нужно отображать страницу.
Вот как используют тег в коде:
Таким образом, браузер поймет, что страница создана на HTML. И у него точно не возникнет проблем с обработкой кода и верным отображением страницы.
Тег содержит метаданные страницы
Тег представляет самый первый раздел страницы и содержит информацию, которая не отображается напрямую на странице в браузере.
Важно: внутри тега размещаются одни из ключевых SEO-тегов.
Элемент находится между тегами и и служит контейнером для метаданных. Как правило, метаданные определяют заголовок документа, его набор символов, стили, скрипты и т. д.
Нет смысла показывать вам, как этот код будет выглядеть в действии, потому что нет никакого контекста. Поэтому вот пример того, как мы использовали тег script, чтобы добавить виджет HelpCrunch на наш сайт:
Прежде чем мы перейдем к особенностям обработки JavaScript поисковиками, ознакомьтесь с таблицей ниже. Она даст представление о том, как можно использовать внешние скрипты на своих страницах и какие атрибуты вам в этом помогут.
| Атрибут | Значение | Описание | ||||
| async | async | Указывает, что скрипт будет выполняться без ожидания загрузки страницы | ||||
| defer | defer | Откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью | ||||
| language | JavaScript (последние версии HTML, XHTML и его альтернативы не используют этот атрибут) | Определяет язык программирования, на котором написан скрипт | ||||
| src | URL | Устанавливает URL скрипта из внешнего файла для импорта в текущий документ | ||||
| type | scripttype | Определяет тип тега В этой статье мы рассказываем, почему важно анализировать конверсии и как их улучшить. Узнайте о том, как формировать гипотезы по повышению показателя конверсий и как их тестировать, а также какие методы стоит использовать. Может показаться, что между PPC и SEO ничего общего. Но эти два канала продвижения вместе будут работать эффективнее, чем по отдельности. Мы выделили 8 способов использования SEO-инструментов для достижения целей в PPC и запуска успешных рекламных кампаний. Благодаря ключевым показателям эффективности (KPI) компания может оценить, насколько она близка или, напротив, далека от стоящей перед ней цели. Узнайте, как выбирать KPI, подходящие вашему бизнесу, как их анализировать и выстраивать стратегию развития с их учетом. Начало работы с HTMLВ этой статье мы охватим азы HTML, необходимые для начала работы. Дадим определение «элементам», «атрибутам», «тегам» и прочим важным понятиям, о которых вы, возможно, слышали, а также об их роли в языке. Мы также покажем, как устроены HTML-элементы, типичная HTML-страница, и объясним другие важные аспекты языка. По ходу дела, чтобы вы не заскучали, мы поиграем с настоящей HTML-страницей!
Что такое HTML?Если мы хотим, чтобы строка отобразилась в таком же виде, мы можем определить её, как «параграф», заключив её в теги элемента «параграф» ( Структура HTML-элементовДавайте рассмотрим элемент «параграф» чуть подробнее:
Основными частями элемента являются: Активное изучение: создание вашего первого HTML-элементаОтредактируйте строку текста ниже в поле Ввод, обернув её тегами и (вставьте перед строкой, чтобы указать начало элемента, и после неё, чтобы указать конец элемента) — эти действия должны выделить строку текста курсивом! Вы можете видеть изменения в реальном времени в поле Вывод. Если вы ошиблись, то всегда можете начать снова, воспользовавшись кнопкой Сбросить. Если упражнение вызывает у вас затруднения, то нажмите кнопку Показать решение, чтобы увидеть правильный ответ. Вложенные элементыЭлементы должны открываться и закрываться правильно таким образом, чтобы явно находиться внутри или снаружи друг друга. Если они перекрываются так, как в примере выше, то ваш браузер попытается «додумать» за вас, что вы имели в виду, и вы получите непредсказуемый результат. Так что не делайте так! Блочные и строчные элементыСуществует две важных категории элементов в HTML, которые вам стоит знать — элементы блочного уровня и строчные элементы. Посмотрите на следующий пример: — это элемент блочного уровня, так что каждый элемент находится на новой строке, с пространством выше и ниже каждого (этот интервал определяется CSS-оформлением по умолчанию, которое браузеры применяют к абзацам). Примечание: HTML5 переопределил категории элементов в HTML: смотрите Категории типов содержимого элементов. Хотя эти определения точнее и однозначнее, чем те, которые были раньше, их гораздо сложнее понять, чем «блочный» и «строчный», поэтому мы будем придерживаться их в этом разделе. Примечание: Не путайте термины «блочный» и «строчный», используемые в этом разделе, с одноимёнными типами отображения в CSS. Хотя по умолчанию они коррелируют, смена типа отображения в CSS не меняет категорию элемента и не влияет на то, во что его можно вкладывать и что можно вкладывать в него. Эта довольно частая путаница — одна из причин, почему HTML5 отказался от этих терминов. Примечание: вам могут пригодиться справочники, включающие списки блочных и строчных элементов — смотри Элементы блочного уровня и Строчные элементы. Пустые элементыНе все элементы соответствуют вышеупомянутому шаблону: открывающий тег, контент, закрывающий тег. Некоторые элементы состоят из одного тега и обычно используются для вставки чего-либо в то место документа, где размещены. Например, элемент вставляет картинку на страницу в том самом месте, где он расположен: Это выведет на вашу страницу следующее: Примечание: Пустые элементы иногда называют void-элементами. АтрибутыУ элементов также могут быть атрибуты, которые выглядят так: My cat is very grumpy</p>» src=»https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started/grumpy-cat-attribute-small.png» style=»display: block; margin: 0px auto;» width=»1287″ height=»156″ loading=»lazy»> Атрибуты содержат дополнительную информацию об элементе, которая, по вашему мнению, не должна отображаться в содержимом элемента. В данном случае атрибут class позволяет вам дать элементу идентификационное имя, которое в дальнейшем может быть использовано для обращения к элементу с информацией о стиле и прочими вещами. Атрибут должен иметь: Активное изучение: Добавление атрибутов в элементЕсли вы ошиблись, то всегда можете начать снова, воспользовавшись кнопкой Сбросить. Если упражнение вызывает у вас затруднения, то нажмите кнопку Показать решение, чтобы увидеть правильный ответ. Булевые атрибутыДля краткости совершенно допустимо записывать их следующим образом (мы также для справки разместили не деактивированный элемент input, чтобы дать вам большее понимание происходящего): На выходе оба варианта будут выглядеть следующим образом: Опускание кавычек вокруг значений атрибутовОсматриваясь во всемирной сети, вы будете встречать различные незнакомые способы написания разметки, включая написание значений атрибутов без кавычек. Это допустимо при определённых условиях, но разрушит вашу разметку при других. Например, возвращаясь к нашему упражнению с гиперссылкой, мы можем написать основной вариант только с атрибутом href так: Однако, как только мы добавим атрибут title в таком же стиле, мы поступим неверно: Наш совет: всегда используйте кавычки в атрибутах — это позволит избежать подобных проблем, и, следовательно, код будет более читабельным. Одинарные или двойные кавычки?В этой статье вы заметите, что все атрибуты заключены в двойные кавычки. Однако, вы можете видеть одинарные кавычки в HTML документах других людей. Это исключительно дело вкуса, и вы можете свободно выбирать, какие из них предпочитаете. Обе следующие строки эквивалентны: Однако вы должны убедиться, что не смешиваете их вместе. Следующее будет неверным! Если вы используете один тип кавычек в своём HTML, то вы можете поместить внутрь их кавычки другого типа, не вызывая никаких проблем: Если вы хотите вставить кавычки того же типа, то вы должны использовать объекты HTML. Например, это работать не будет: Поэтому вам нужно сделать так: Структура HTML документаНиже дан пример оборачивания основных, самостоятельных HTML-элементов, которые сами по себе не очень полезны. Давайте посмотрим, как самостоятельные элементы объединяются для формирования всей HTML страницы: Как правильно писать мета теги для сайта
Метатеги (от англ. meta tags) — элементы HTML-кода, которые сообщают поисковому роботу и браузеру дополнительные данные о документе: описание страницы, ключевые слова, команды для индексирования, авторство, прочую служебную информацию. Какой-либо внятной классификации метатегов не существует — любой web-мастер может придумать оригинальный элемент и прописать его в коде. Но язык HTML за 30 лет своего существования все же оброс устоявшимися метатегами, которые употребляются чаще других и одинаково понимаются всеми алгоритмами. Такие универсальные элементы кода могут влиять на продвижение сайта, поэтому представляют интерес для сеошников. В этой статье мы расскажем, какие html-теги полезны при поисковом продвижении, как грамотно прописывать их в документе и как проверить метатеги на сайте. СодержаниеПравильные метатеги для SEOSEO-метатеги напрямую не влияют на работу сайта. В принципе, их можно игнорировать — никакой катастрофы не случится кроме того, что ваш ресурс будет болтаться где-то на задворках мироздания. Если ваша цель — десятка топа Google или Яндекса, то правильное заполнение Title и Description становится обязательной частью работы над продвижением, особенно по низкочастотным запросам. Тем более, эти два тега, в отличие от других, видят не только поисковые роботы, но и пользователи на странице выдачи. Как правильно прописывать метатеги для продвижения сайта? У каждого элемента кода, влияющего на SEO, есть свои особенности оформления, но, прежде чем их разбирать, выделим общие правила работы с семантикой: TitleВ SEO тег играет первостепенную роль. Title — это заголовок страницы, который пользователь видит: Это крючок с приманкой, на которую должен клюнуть пользователь. Если тайтл зацепил, то человек гарантированно перейдет по ссылке на ваш сайт. Но при этом заголовок должен полностью соответствовать содержанию страницы и быть понятным для людей и робота, который по тайтлу определяет релевантность запросу.
СинтаксисСтрого говоря, Title не является метатегом, но прописывается в контейнере HEAD и не отображается в теле документа на ресурсе. В этом его главное отличие от тега H1, который, по сути, тоже является заголовком, но отображается непосредственно на странице сайта. Если тайтл не заполнить, в заголовок сниппета подтянется URL — адрес страницы, а это плохо повлияет на ранжирование и поведенческие факторы. Принципы заполнения TitleВпадать в другую крайность и делать тайтл слишком коротким — тоже плохая идея, так вы не используете заголовок на полную катушку. DescriptionМетатег — это краткое описание содержимого страницы, которое отображается в сниппете и раскрывает суть тайтла. Важно, чтобы он не повторял заголовок. Дескрипшн не обязательно шпиговать ключами — текст должен быть ориентирован на пользователя. Это своего рода замануха, прочитав которую, человек захочет продолжения уже на вашей территории. Удачное описание влияет на CTR — показатель кликабельности сайта. Чем больше кликов — тем выше ранжируется страница в выдаче, поэтому метатег description важен для продвижения сайта. Он улучшает поведенческие факторы.
СинтаксисDescription помещается в контейнер HEAD, поэтому не отображается в теле страницы. Если этот метатег не прописывать, никто не умрет — умные поисковые роботы выберут лучшие отрывки на вашей странице и явят их миру в сниппете. Скажем больше, далеко не всегда строптивые роботы послушно подтягивают прописанный дескрипшн в сниппет, часто они ставят абзац со страницы, потому что считают, что он более релевантен запросу. Принципы заполнения DescriptionKeywordsМетатег, который когда-то был залюблен сеошниками до смерти. Из-за адовых злоупотреблений поисковикам пришлось от него отказаться. По сути, это список ключей, по которым продвигается страница. Все просто и незамысловато: робот читал список ключевиков и понимал, для каких запросов страница будет релевантна. В итоге в этот метатег напихивали столько всякого добра, что поисковым системам стало проще прикрыть лавочку, чем вычищать эти авгиевы конюшни. На данный момент метатег Keywords не учитывается при индексации и не влияет на ранжирование. R.I.P.
Полезные технические метатегиТехнические метатеги влияют на продвижение сайта опосредованно. Они регулируют работу поисковых роботов и определяют отображение страницы на экране. RobotsМетатег robots указывает поисковым алгоритмам, как индексировать страницу. Индексирование — это добавление документа в базу поисковой системы, откуда впоследствии страница будет попадать в поиск по релевантным запросам. По умолчанию робот заносит в индекс все тексты и линки на странице, но на этот процесс можно влиять, прописывая в метатеге директивы. Если вы по какой-то причине не хотите, чтобы текст или ссылки попали в индекс (например, в случае, когда это дубли страниц или «плохие» ссылки, из-за которых вам светит фильтр), то нужно прописать метатег robots. СинтаксисRobots помещается в контейнер HEAD: Здесь команда noindex запрещает индексацию страницы. Как прописать другие директивы в метатеге robots для индексации сайта? Вместо noindex подставляйте нужное значение: Можно давать команды конкретным поисковым алгоритмам, вписывая вместо «robots» «googlebot» или «yandex». Правда есть одно НО. Google считает содержание метатега robots просто добрыми советами и может их проигнорировать, Яндекс в этом плане более послушный и предсказуемый.
ViewportЕсли вы не знаете, как настроить корректное отображение сайта для мобильных устройств, метатег viewport может в этом помочь. Он задает видимую область страницы, ориентируясь на ширину экрана. С тегом viewport пользователю не нужно совершать лишних телодвижений, масштабировать изображение, пользоваться неудобной горизонтальной прокруткой. Мобилопригодность сайта официально признана поисковиками важным фактором ранжирования, и метатег viewport стал маст хевом у seo-специалистов. Если страница не адаптирована, не ищите ее в топе. Charset и Content-typeЭти теги защищают страницу от траблов с кодировкой. Все, наверное, сталкивались с проблемой, когда на экране вместо текста появляются странные кракозябры. Чтобы не получилось, как в шпионском романе, и буквы родного алфавита корректно отображались на сайте, нужно сделать метатеги Charset или Content-type и указать в них тип кодировки. Обычно используют общепринятую кодировку UTF-8. Метатеги, регулирующие кодировку документа, никак не учитываются при ранжировании поисковиками, но все же их отсутствие может сыграть злую шутку в продвижении. Пользователь, пришедший на страницу и обалдевший от невероятной красоты кракозябр, быстро унесет ноги с вашего сайта. Это отказ, а поисковики страсть как не любят отказы, поэтому не пустят ваш битый ресурс в топ. RefreshСуть метатега Refresh в переадресации пользователя на другую страницу через заданный промежуток времени. Это может быть нужно: Meta Refresh дискредитировал себя, т.к. с его помощью создавались черные дорвеи. Сейчас Google настоятельно не рекомендует использовать этот метатег для переадресации. Неповиновение грозит штрафными санкциями и потерей позиций в выдаче. Google советует использовать серверный 301-редирект. Яндекс не так категоричен и допускает корректное использование этого метатега в честных целях. Author и CopyrightВсе метатеги идентификации прописываются в контейнере HEAD и видны только роботам, которые на свое усмотрение могут подтянуть полезную информацию в сниппет: Поисковики любят авторские уникальные тексты, поэтому именные публикации и прописанный в метатеге автор добавляют странице позиции в выдаче. Чем известнее и авторитетнее имя, тем проще продвигается сайт. Другие теги и атрибуты сайта
Теги иерархии H1 и H2–H6Теги H1–H6 не относятся к meta, располагаются в разделе HTML-кода BODY и отображаются на странице в виде заголовков и подзаголовков текста. Они задают иерархию и логическую структуру документа, поэтому их применение крайне желательно, а наличие заголовка H1 обязательно. Теги иерархии делают чтение удобным для людей, улучшают поведенческие факторы. Поисковый бот тоже любит понятную логику и выше оценивает хорошо структурированные страницы. В заголовках всех уровней полезно использовать высоко- и среднечастотные ключи, только вписывать их нужно естественно, избегая переспама. Размечая структуру текста тегами, нужно не запутаться в иерархии. H1 в документе должен быть только один. Это главный заголовок, отличающийся от Title формулировкой, но сохраняющий самую суть содержания страницы. Подзаголовки нижних уровней H2–H6 располагаются в строгой последовательности. Если вы прописываете один H2, то дальше должен быть хотя бы еще один заголовок второго уровня. Это же правило работает для всех остальных уровней. Самый главный заголовокВажный заголовок №1Подзаголовок №1Подзаголовок №2Важный заголовок №2Подзаголовки ниже третьего уровня встречаются очень редко, разве что в лонгридах со сложной структурой. CanonicalЭтот тег прописывается в разделе HEAD и показывает роботу, какую страницу считать канонической. Тег canonical полезен, когда один и тот же товар попадает в разные разделы магазина, и страница с ним дублируется на сайте с разными URL. Например: Чтобы поисковик не влепил санкции за дубли, в коде обеих страниц прописывается URL того документа, который нужно считать каноном, например: Next и PreviousПо последним данным ни Яндекс, ни Google уже не поддерживают такую разметку пагинации, но поисковики помельче все еще учитывают атрибуты next и prev при индексации. Как и куда добавить метатеги на сайтеВ HTML-коде все метатеги размещаются в начальном контейнере вместе со стилями, ссылками, скриптами документа. Очередность, определяющая, как писать метатеги для сайта в коде, не имеет значения. Количество тегов группы meta тоже не регламентируется. Единственное, что важно помнить, для каждой страницы они прописываются отдельно.
Как правильно писать метатеги для сайта? Лучше, когда в код их добавляет web-мастер, а содержимое продумывает seo-специалист. Существует два способа прописать нужные теги: ручной и автоматический. Когда сайт только создается, или это небольшой ресурс с обозримым количеством страниц, добавить вручную несколько строчек кода несложно. Но как добавить сотни метатегов на страницы большого интернет-магазина или огромного информационного ресурса? Разработчики CMS (систем управления сайтом) предлагают свои инструменты автоматизации разной степени понятности и удобства. Для автоматического прописывания метатегов на WordPress нужно установить плагин Yoast SEO или All in One SEO Pack. У 1С-Битрикс и Joomla есть собственные SEO-модули с доступом к управлению метатегами. Как проверить метатеги на страницеЧтобы посмотреть, как прописаны метатеги на сайте и проверить их корректность, нужно или нажать правой кнопкой мыши на любую область страницы и перейти по вкладке «Исходный код страницы» или нажать Ctrl+U. В открывшемся окне с кодом нужно найти контейнер и в его границах искать знакомые названия метатегов. Видео про метатегиСпециально для новичков в SEO мы подготовили видео-инструкцию по проверке метатегов сайта. В ней подробно рассказываем: ВыводыМы разобрались, какие метатеги нужно прописывать на сайт для его грамотного продвижения. Часть из них непосредственно влияет на оптимизацию и позиции в выдаче, часть — косвенно, улучшая поведенческие факторы и привлекательность страницы для пользователей. Но это только одна из многочисленных граней SEO. Главное, это качество сайта в целом. Код, юзабилити, контент, навигация — если человеку и поисковой системе понравится взаимодействие с вашим ресурсом, то он выйдет в топ, если нет, не помогут никакие метатеги. Теперь вы знаете какие однокоренные слова подходят к слову Как написать теги для сайта, а так же какой у него корень, приставка, суффикс и окончание. Вы можете дополнить список однокоренных слов к слову "Как написать теги для сайта", предложив свой вариант в комментариях ниже, а также выразить свое несогласие проведенным с морфемным разбором. |
