Хорошо ли вы знаете мета-теги в HTML ?
0 ∞
Большинство обучающих курсов не предоставляют подробного объяснения тегов <meta>. В этой статье я исправлю это.
- Определение
- Использование
- Как использовать <meta>
- Charset
- Описания страницы
- Ключевые слова
- Настройки области просмотра
- Заключение
Тег <meta> определяет метаданные HTML-документа.
Теги <meta> похожи на спецификацию HTML-документа. Если ноутбук является HTML-документом, то теги <meta> — это его технические характеристики.
Теги <meta> не выводят на веб-странице какие-либо элементы, они доступны только для считывания браузерами.
Теги<meta> используются для указания определенной информации о HTML-документе:
- Кодировку символов.
- Описание страницы
- Ключевые слова
- Настройки окна просмотра
Тег <meta> всегда размещается внутри элемента <head>.
Теги <meta> являются пустыми элементами. Это позволяет опустить закрывающий тег. Но открывающий тег обязательно должен присутствовать.
<head>
<meta charset = "UTF-8">
</ head>Атрибут charset задает кодировку символов. Ниже перечислены наиболее часто используемые кодировки:
- UTF-8 – кодировка символов для Unicode.
- ISO-8859-1 – кодировка символов для латинского алфавита.
Полный список доступных кодировок символов
<head>
<meta name = "description" content = "meta tags">
</ head>Для указания описания страницы используется атрибут name со значением description.
Значение в атрибуте content используется поисковой системой, чтобы определить, какой контент представлен на странице. Оно также будет отображаться, когда веб-страница будет выводиться в результатах поиска.
<head> <meta name="keywords" content="meta, HTML, Tutorial"> </head>
Для указания ключевых слов, используемых на странице, применяется атрибут name со значением keywords.
Значение в атрибуте content будет использовано поисковой системой, чтобы определить, какой контент представлен на веб-странице.
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
</ head>Для указания настроек области просмотра окна браузера применяется атрибут name со значением viewport. В предыдущем примере:
- name = «viewport» – указывает браузеру, как контролировать размеры веб-страницы и ее масштабирование.
- width=device-width – устанавливает ширину веб-страницы в соответствии с шириной экрана пользовательского устройства.
- initial-scale=1.0 – устанавливает начальный уровень масштабирования при первой загрузке веб-страницы в браузере.
Эта статья охватывает только основные аспекты использования <meta>.
Чтобы больше узнать о тегах <meta> в HTML, посетите эти ресурсы:
- w3School.com
- developer.mozilla.org
- Справка Google Search Console
Вадим Дворниковавтор-переводчик статьи «Do you really know meta tags in HTML»
Пожалуйста, оставляйте свои отзывы по текущей теме материала. За комментарии, лайки, подписки, отклики, дизлайки огромное вам спасибо!
Полное введение в метатеги: Важнейшая часть SEO
Karol Andruszków
Обновлено: 29 декабря 2022 г.
Поисковая оптимизация (SEO) является ключевым фактором успеха в Интернете, и метатеги уже давно являются неотъемлемой частью этого процесса. Мета-теги позволяют поисковым системам идентифицировать и классифицировать веб-сайт и необходимы для оптимизации видимости и ранжирования сайта. С постоянно развивающейся технологией SEO очень важно понимать, как метатеги вписываются в текущий ландшафт SEO. В этой статье будет рассмотрена роль метатегов в поисковой оптимизации, доступные типы метатегов и способы их наилучшего использования для оптимизации веб-сайта для обеспечения максимальной видимости.
Понимая важность метатегов для SEO и способы их эффективного использования, вы сможете эффективно оптимизировать свой веб-сайт и охватить более широкую аудиторию.
В этой статье вы узнаете:
→ Что такое метатеги
→ Почему существуют важные части SEO-деятельности
→ Как добавить их на свой сайт
→ Какие типы метатегов стоит знать
→ Самая важная информация о каждом типе метатегов
→ Насколько они релевантны позиции страницы в поисковой выдаче (результаты поисковой системы)
Метатеги — что это?
Метатеги — это элементы HTML, которые предоставляют информацию о веб-сайте. Поисковые системы используют их для индексации и категоризации содержимого веб-сайта. Метатеги обычно появляются в виде фрагментов текста между открывающим и закрывающим тегами страницы. Они могут предоставлять различную информацию, такую как автор страницы, описание, язык, ключевые слова и многое другое.
Почему вы должны использовать метатеги?
Информация, предоставляемая метатегами, может помочь поисковым системам лучше понять содержание веб-сайта и его содержание, упрощая им определение ранжирования и отображения веб-сайта на страницах результатов поисковой системы (SERP). Кроме того, некоторые метатеги можно использовать для управления тем, как контент отображается в поисковике, в том числе, должен ли он отображаться в рекламной карусели, сколько символов описания страницы должеы быть видимыми и т.д.
Как метатеги помогают в SEO?
Метатеги — это мощный инструмент для оптимизации содержимого веб-сайта для пользователей поисковых систем. Веб-сайт с хорошо продуманными метатегами может охватить действительно огромную аудиторию.
Создав привлекательный мета-заголовок или описание, вы более эффективно привлечете внимание получателей и, таким образом, побудите их посетить ваш сайт!
Как добавить метатег на свой сайт?
Решение 1.
С помощью кодаЧтобы добавить метатег на свой веб-сайт, скопируйте и вставьте код в раздел <head> вашего HTML-документа. Убедитесь, что код размещен перед закрывающим тегом </head>. После добавления кода вы можете настроить метатег в соответствии с содержанием вашего веб-сайта.
Решение 2: Через специальные инструменты/плагины/разделы
К счастью, есть несколько инструментов и плагинов, которые помогут вам быстро и легко добавить метатеги на ваш сайт. Многие платформы для создания веб-сайтов имеют специальный раздел для метатегов, а также существуют специальные плагины и инструменты, разработанные специально для добавления метатегов.
В BOWWE вы можете быстро (и без вмешательства в код веб-сайта) добавить любой метатег, который вы хотите, через раздел «Basic SEO» и более продвинутый «Rocket SEO».
Убедитесь сами, как легко добавить метатеги на ваш сайт, созданный в BOWWE !
Давайте теперь рассмотрим типы метатегов и их отношение к CTR и трафику веб-сайта.
Мета-заголовок
Скопируйте эту формулу мета-заголовка:
<meta name=»title» content=»Вставьте сюда название сайта»>
*Пример мета-заголовка:
<meta name=»title» content=»Как начать прибыльный блог, чтобы вас видели в Интернете»>
Что такое мета-заголовок?
Мета-заголовок — это краткое описание веб-страницы, которое отображается в результатах поиска. Это дает читателю представление о теме веб-страницы и может помочь ему решить, стоит ли переходить по ссылке.
Какой длины должен быть мета-заголовок?
Длина мета-заголовка должна быть в пределах 50-60 символов. Он должен точно описывать содержание страницы, включать ключевые слова, относящиеся к странице, и должен быть написан таким образом, чтобы пользователи нажимали на нее.
Правила мета-заголовка
1.
Не превышайте 60 символов.
2. Добавьте основное ключевое слово.
3. Используйте уникальный заголовок для каждой страницы.
4. Убедитесь, что это соответствует содержанию страницы.
5. Не используйте специальные символы.
6. Сделайте его читаемым и доступным для сканирования.
7. Держите его уникальным и интересным.
Ознакомьтесь с нашим руководством о том, как создать привлекательный заголовок, который привлечет всеобщее внимание !
Может ли Google переписать мой мета-заголовок?
Ответ утвердительный, но с некоторыми оговорками. Google не может просто переписать мета-заголовок так, как ему хочется, но он может внести небольшие изменения, чтобы улучшить рейтинг веб-сайта.
Например, они могут изменить заголовок, чтобы сделать его более богатым ключевыми словами или более описательным, или они могут даже удалить слова, которые не имеют отношения к содержанию.
Google также может автоматически генерировать мета-заголовки на основе содержания веб-сайта. Это может эффективно повысить рейтинг, поскольку алгоритмы Google предназначены для создания заголовков, на которые с большей вероятностью будут нажимать и которые будут занимать более высокое место.
Почему Google переписывает мета-заголовки?
Google переписывает мета-заголовки, чтобы сделать их более привлекательными для пользователей и гарантировать, что они точно отражают содержание страницы и ключевые слова в зависимости от того, какие пользователи ищут контент.
Наиболее распространенными причинами, по которым Google меняет мета-заголовки Согласно исследованию zyppy.com , являются:
1. Слишком длинный или слишком короткий
2. Повторяющиеся ключевые слова
3. Повторяющаяся схема заголовков на странице
4. Отсутствующие или ненужные торговые марки
5. Другой заголовок и h2
Как часто Google меняет мета-заголовки?
Google изменяет до 61% метазаголовков.
В основном изменения незначительны, но это все равно огромное количество метазаголовков, которые изменяются без разрешения их авторов. Если метазаголовки изменяются из-за их длины — то это число возрастает до боле чем на 95%!
Метазаголовок — интересные факты
→ Мета-заголовки в форме вопроса, а также те, что не в форме — имеют аналогичный CTR (те, что с вопросами, имеют примерно на 1% выше CTR)
→ Мета-заголовки, вызывающие положительные эмоции, могут иметь CTR на 4% выше , чем те, которые не вызывают никаких эмоций
→ Мета-заголовки длиной от 40 до 60 символов имеют самый высокий CTR.
Мета-описание
Скопируйте эту формулу мета-описания:
<meta name=»description» content=»Вставьте сюда описание сайта»>
Пример мета-описания:
<meta name=»description» content=»Узнайте, как создать прибыльный блог всего за 3 шага, чтобы вас видели в Интернете и ежедневно привлекали новых клиентов!»>
Что такое метаописание?
Мета-описание — это HTML-атрибут, кратко описывающий содержимое веб-страницы.
Он отображается в результатах поиска и предназначен для предварительного просмотра пользователем содержимого страницы перед переходом на страницу.
Какой длины должно быть метаописание?
Он должен содержать от 150 до 160 символов и содержать точное описание содержимого страницы. Это описание — это то, что видят пользователи, когда ищут страницу, и оно может иметь решающее значение для того, нажмут ли они на ссылку, чтобы перейти на страницу.
Правила метаописания
1. Держите мета-описание не более 160 символов.
2. Включите целевое ключевое слово в метаописание.
3. Убедитесь, что мета-описание соответствует содержимому страницы.
4. Избегайте наполнения ключевыми словами.
5. Используйте активный залог в мета-описании.
6. Включите призыв к действию в мета-описание.
7. Используйте естественный язык и избегайте жаргона.
8. Включите географические местоположения, где это применимо.
9. Убедитесь, что мета-описание уникально для каждой страницы.
Узнайте, как создать уникальное мета-описание , которое выделит вас среди конкурентов!
Может ли Google переписать мое мета-описание?
Да, Google может переписать ваше метаописание. Однако важно отметить, что Google не всегда будет переписывать ваше метаописание, поскольку иногда вместо этого будет отображаться исходное метаописание.
Почему Google переписывает метаописания?
В последнее время Google в некоторых случаях переписывает метаописания, делая их более длинными и подробными, чем исходные версии. Это изменение было реализовано, чтобы предоставить пользователям более полную информацию о веб-сайте перед его посещением.
Google переписывает мета-описание на:
1. сделать его более соответствующим ключевым словам из запроса
2.
регулировать его длину
3. заполнить отсутствующее мета-описание
4. сделать его уникальным для каждой страницы.
Как часто Google переписывает метаописания?
Google может изменить метаописание даже более чем в 62% случаев. Более того, это чаще происходит с метаописаниями, отвечающими на длинные ключевые слова.
Мета-описание (обязательно нужно знать!) факт
→ Частота переписывания метаописания Google увеличивается с высотой позиции в поисковой выдаче
→ Мета-описание, созданное Google, часто превышает лимит символов (максимум 160 символов), рекомендованный экспертами по SEO.
→ Влияет ли положительно на CTR использование смайликов в мета-описании? Это зависит. Все зависит от соответствия смайликов содержанию страницы. В случае хорошего совпадения CTR может подскочить на 3% , а плохо подобранный эмодзи может снизить органический трафик от такого результата до 5% .
Meta robots
Скопируйте эту формулу мета-роботов:
<meta name=»robots» content=»Вставьте сюда значение мета-роботов»>
*Пример тега Meta robots:
<meta name=»роботы» content=»index,follow»>
Что такое метатег робота?
Метатег робота — это тип HTML-тега, который используется для предоставления поисковым роботам инструкций о том, как обрабатывать определенную страницу. Тег вставляется в заголовок документа веб-страницы и считывается поисковой системой при посещении страницы.
Мета-теги робота используются для управления тем, как страница индексируется и отображается в результатах поиска. Они часто используются для предотвращения индексации поисковыми системами определенных страниц, которые не предназначены для публичного доступа, а также для предотвращения включения определенных страниц в результаты поиска.
Значение мета-роботов
1) Index: это значение указывает ботам поисковых систем индексировать страницу, что позволяет включить ее в результаты поиска.
2) Noindex: Это значение указывает ботам поисковых систем не индексировать страницу, то есть она не будет включена в результаты поиска.
3) Follow: это значение указывает ботам поисковых систем переходить по любым ссылкам на странице, что позволяет поисковой системе сканировать и индексировать их.
4) Nofollow: это значение указывает роботам поисковых систем не переходить ни по каким ссылкам на странице, то есть ссылки не будут сканироваться или индексироваться поисковой системой.
Правила мета роботов
1. Всегда добавляйте метатег robots на каждую страницу вашего сайта.
2. Обязательно используйте правильный синтаксис при создании метатегов робота.
3. Используйте значения «index» и «follow» на страницах, которые вы хотите, чтобы поисковые системы индексировали и следили за ними.
4. Используйте значения «noindex» и «nofollow» на страницах, которые поисковые системы не должны индексировать и отслеживать.
Мета ключевые слова
Скопируйте эту формулу мета-ключевых слов:
<meta name=»keywords» content=»Вставьте сюда ключевые слова»>
Пример мета-ключевых слов:
<meta name=»keywords» content=»блог, ведение блога, платформа для ведения блога, бесплатный блог, как начать вести блог, прибыльный блог»>
Что такое метаключевое слово?
Мета-ключевое слово — это тип тега HTML, используемый для указания списка ключевых слов, описывающих содержимое веб-страницы.
Важны ли мета-ключевые слова для поисковых систем?
Нет, мета-ключевые слова больше не важны для поисковых систем. В 2009 году Google объявил, что больше не использует мета-ключевые слова для ранжирования веб-сайтов на страницах результатов своих поисковых систем. То же самое касается Yahoo и Bing. Другие поисковые системы могут по-прежнему использовать мета-ключевые слова, но их релевантность обычно считается низкой.
Что делать вместо мета-ключевых слов?
Вместо использования мета-ключевых слов вы должны оптимизировать свой контент для релевантных ключевых слов и фраз. Кроме того, важно создать хорошо структурированный, богатый ключевыми словами заголовок страницы, описание и URL-адрес. Это поможет убедиться, что ваш контент виден и актуален в результатах поиска.
Мета автор
Скопируйте эту мета-формулу автора:
<meta name=»author» content=»Вставьте сюда имя автора»>
Пример мета-автора:
<meta name=»author» content=»Кароль Андрушков»>
Что такое метаавтор?
Мета-тег автора можно использовать для идентификации создателя конкретной страницы или контента. Этот тег полезен блогерам и создателям контента, которые хотят, чтобы их работа была правильно указана и атрибуирована. Мета-тег автора обычно включает имя автора и ссылку на его веб-сайт или учетные записи в социальных сетях.
Имея этот тег, авторы могут убедиться, что их работа правильно указана и указана, и предоставить читателям возможность найти больше их работ.
Мета-правила автора
1. Используйте мета-тег автора, чтобы идентифицировать автора веб-страницы.
2. Поместите метатег автора в раздел <head> веб-страницы.
3. Мета-тег автора должен включать полное имя автора (адрес электронной почты и веб-сайт не являются обязательными).
4. Убедитесь, что вы используете правильный синтаксис метатега автора: <meta name=»author» content=»John Smith»>
5. Не используйте мета-тег автора для цитируемого материала.
6. Обновляйте метатег автора при изменении или обновлении контента.
Мета взгляд
Скопируйте эту формулу мета-видового экрана:
<meta name=»viewport» content=»Вставьте исходный масштаб, ширину… здесь»>
Пример мета-просмотра:
<meta name=»viewport» content=»width=device-width, initial-scale=1″>
Что такое мета вьюпорт?
Метапросмотр — это элемент в разделе заголовка веб-страницы, который помогает браузеру определить, как отображать страницу.
Это HTML-тег, используемый для управления масштабированием веб-страницы для обеспечения оптимального просмотра для пользователя. Это можно использовать для управления отображением веб-страницы на различных устройствах, таких как мобильные телефоны, планшеты и настольные компьютеры.
Узнайте, как просто создать полностью адаптивный веб-сайт в BOWWE без использования кода!
Мета-правила вьюпорта
1. Всегда включайте width=device-width в метатег области просмотра, чтобы обеспечить правильное масштабирование на мобильных устройствах.
2. Укажите начальный масштаб вашей страницы с помощью атрибута начального масштаба.
3. Установите user-scalable=no, чтобы отключить масштабирование щипком.
4. Используйте атрибуты минимального масштаба и максимального масштаба, чтобы ограничить диапазон масштабирования.
5. Включите атрибут высоты, чтобы контролировать размер области просмотра.
6. Используйте атрибут высоты устройства, чтобы настроить размер области просмотра в зависимости от ориентации устройства.
10. Протестируйте метатег области просмотра на нескольких устройствах, чтобы обеспечить совместимость.
Готовы создать свой сайт?
Используйте самый удобный конструктор сайтов, которому доверяют тысячи дизайнеров, и создавайте сайты, которые принесут вам клиентов!
Start now!
Мета кодировка
Скопируйте эту формулу метакодировки:
<meta name=»charset» content=»Вставьте utf-8 сюда сюда»>
Пример мета-кодировки:
<meta name=»charset» content=»utf-8″>
Что такое метакодировка?
Метакодировка — это система кодирования, обеспечивающая правильное отображение текста на веб-сайтах. Мета-кодировка также используется для обеспечения совместимости между веб-браузерами, поскольку разные браузеры могут по-разному интерпретировать точный текст.
Правила мета-кодировки
1. Всегда включайте тег meta charset в <head> вашего HTML-документа.
2. Убедитесь, что вы указали правильную кодировку для вашего языка.
3. Используйте кодировку UTF-8 для наилучшей совместимости.
4. Не включайте пробелы в значение charset.
5. Не включайте в один и тот же документ несколько тегов метакодировки.
6. Всегда проверяйте свой код, чтобы убедиться, что мета-тег charset указан правильно.
Метаобновление
Скопируйте эту формулу метаобновления:
<meta http-equiv=»refresh» content=»Вставьте время, после которого должно произойти перенаправление;url=Введите URL-адрес, на который вы хотите выполнить перенаправление»>
Пример метаобновления:
<meta http-equiv=»refresh» content=»5;url=https://bowwe.com/en/blog»>
Что такое мета-обновление?
Метаобновление — это элемент HTML, который можно использовать для автоматического перенаправления веб-страницы на другую.
Он часто используется для создания небольшой задержки перед перенаправлением страницы или для перенаправления страницы обратно на себя или на другую страницу того же веб-сайта.
Следует ли вам продолжать использовать метатег обновления?
Нет, не рекомендуется использовать метатег обновления. Мета-теги обновления устарели и могут мешать SEO-рейтингу, поскольку их можно рассматривать как форму маскировки. Вместо этого используйте перенаправление 301 на стороне сервера.
Мета дата
Скопируйте эту формулу метадаты:
<meta name=»article:published_time» content=»Введите время публикации статьи»>
<meta name=»article:modified_time» content=»Введите время изменения статьи»>
Пример метадаты:
<meta name=»article:published_time» content=»2021-05-30″>
<meta name=»article:modified_time» content=»2022-12-30″>
Что такое метадата?
Метатег даты — это HTML-элемент, предоставляющий машиночитаемую информацию о дате и времени страницы.
Обычно он используется для предоставления поисковым системам информации о том, когда страница была в последний раз обновлена.
Правила метадаты
1. Отметьте точное значение данной даты («date.created», «date.updated» и т. д.)
2. Укажите дату, желательно в порядке год-месяц-день
3. Убедитесь, что дата всегда актуальна (т. е. меняется по мере изменения содержимого)
*Бонус: метатеги: (метатеги Open Graph)
Скопируйте эту формулу Open Graph:
<meta name=»og:title» content=»Вставьте сюда заголовок страницы»>
<meta name=»og:description» content=»Вставьте сюда описание страницы»>
<meta name=»og:image» content=»Вставьте изображение (адрес) сюда»>
<meta name=»og:type» content=»Вставьте сюда тип контента»>
Пример открытого графика:
<meta name=»og:title» content=»Как начать прибыльный блог, чтобы вас видели в Интернете»>
<meta name=»og:description» content=»Узнайте, как создать прибыльный блог всего за 3 шага, и начните ежедневно появляться в Интернете и приобретать новых клиентов!»>
<meta name=»og:image» content=»https://bowwe.
com/upload/domain/4645/images/058_HowToCreateBlog/New-Article-Cover-How-To_Start_a_Blog.png»>
<meta name=»og:type» content=»article»>
Что такое открытый график?
Open Graph — это протокол, который позволяет пользователям превращать любую веб-страницу в богатый объект в социальном графе. Он используется платформами социальных сетей, такими как Facebook, Twitter и LinkedIn, для идентификации контента на странице и его отображения таким образом, чтобы он был визуально привлекательным и оптимизированным для совместного использования.
Важен ли Open Graph для SEO?
Да, Open Graph важен для SEO, потому что он позволяет поисковым системам лучше понимать содержимое веб-сайта , что может помочь веб-сайту занять более высокое место в результатах поиска. Open Graph также помогает повысить рейтинг кликов в социальных сетях , что может помочь улучшить SEO.
Правила Open Graph
1. Убедитесь, что все теги Open Graph правильно размещены в разделе <head> веб-страницы.
2. Убедитесь, что вы используете правильные атрибуты Open Graph для типа контента, которым вы делитесь (например, og:video для ссылок на видео).
3. Включите теги Open Graph во все URL-адреса, которыми вы хотите поделиться в социальных сетях.
4. Используйте для изображения Open Graph изображение высокого качества, желательно с соотношением сторон 1,91:1.
5. Используйте описательные и лаконичные заголовки для тегов Open Graph.
6. Протестируйте свой контент Open Graph, чтобы убедиться, что он корректно отображается в социальных сетях.
7. Не используйте одно и то же изображение Open Graph для каждой страницы.
Метатеги как важнейшая часть SEO веб-сайта — резюме
Мета-теги необходимы для поисковой оптимизации (SEO) любого веб-сайта. Мета-теги предоставляют поисковым системам информацию, необходимую им для индексации и ранжирования веб-сайта на страницах результатов поисковой системы (SERP).
Без правильных метатегов веб-сайт не сможет охватить свою потенциальную аудиторию и клиентов.
Если у вас уже есть веб-сайт, обязательно проверьте, чтобы на нем были заполнены все важные метатеги, а также те, которые не являются обязательными, но позволяют лучше представить ваш контент!
Читайте также:
Karol Andruszków
генеральный директор BOWWE
Кароль — предприниматель и основатель 3 стартапов, в рамках которых он консультировал несколько сотен компаний. Он также отвечал за проекты крупнейших финансовых учреждений Европы на сумму более 50 миллионов евро.
Он имеет две степени магистра, одну в области компьютерных наук, а другую в области управления, полученные во время учебы в Польше и Португалии. Он приобрел опыт работы в Силиконовой долине и руководил компаниями во многих странах, включая Польшу, Португалию, США и Великобританию. Более десяти лет он помогает стартапам, финансовым учреждениям, малым и средним предприятиям улучшить их функционирование за счет цифровизации.
категории:
ВСЕ Agentstva Sozdayte svoy sayt Vedeniye bloga Sovety dlya biznesa Biznes-prilozheniya Blestyashcheye portfolio i rezyume Frilansery i sozdateli SEO Sotsial’nyye media Onlayn marketing Veb-dizayn
ПОСЛЕДНИЕ ПОСТЫ:
Полное руководство для Midjourney: искусство подсказок
2023 April 18
Питание за счет продаж: создайте успешную целевую страницу для ресторана
2023 April 19
Как увеличить посещаемость блога — 21 совет блогерам
2023 March 27
23+ революционных маркетинговых инструмента на основе ИИ
2023 March 13
Как создать потрясающий свадебный сайт
2023 February 27
7 основных тегов HTML для SEO, которые вам нужно знать
HTML имеет значение.
В конце концов, это то, что делает вашу веб-страницу веб-страницей.
Но некоторые теги HTML также важны для SEO. Сегодня мы рассмотрим семь из них.
Разделы
1. Тег заголовка
Тег заголовка — это заголовок страницы, который отображается в окне вашего браузера, а также в результатах поиска Google. Вот пример из одной из наших недавних записей в блоге о рекламе TikTok.
В результатах поиска:
В окне браузера:
В html тег заголовка выглядит следующим образом:
Теги заголовка важны для SEO, согласно Google , поэтому убедитесь, что вы приложили усилия к тому, чтобы люди захотели кликнуть. Стремитесь к тому, который имеет длину от 50 до 60 символов и включает в себя ваше приоритетное ключевое слово.
2. Мета-описание
Мета-описание — это то, что отображается под тегом заголовка в результатах поиска Google. Вместе вы можете рассматривать их как рекламный щит вашего сайта в Google.
Кроме того, если ваши ключевые слова соответствуют поисковому запросу пользователя, как в приведенном выше примере, они будут выделены полужирным шрифтом в мета-описании.
В html мета-описание выглядит так:
Потратьте некоторое время на написание привлекательного мета-описания, но имейте в виду, что Google переписывает его примерно в двух третях случаев, извлекая другой контент со страницы, чтобы он лучше соответствовал поисковому запросу пользователя.
3. Теги заголовков
Теги заголовков позволяют форматировать заголовки в вашем контенте. Заголовок этого раздела «3. Теги заголовков» — это тег h3, который выглядит как 3. Теги заголовков
в html.
Теги заголовков идут от h2 до h6, что позволяет иметь шесть уровней заголовков. Подобно оглавлению книги, теги заголовков помогают Google и вашим читателям быстро понять, о чем ваш контент.
4. Замещающий текст изображения
Замещающий текст изображения представляет собой структуру HTML, описывающую содержимое изображения. Программы чтения с экрана сканируют замещающий текст изображения, чтобы люди с нарушениями зрения могли понять, что находится на изображении на странице. Поисковые роботы Google сканируют его по той же причине.
Альтернативные теги изображений — это отличная возможность не только сделать ваш веб-сайт более доступным, но и помочь Google получить больше информации о вашей странице. Если это имеет отношение к изображению, это отличное место для включения ключевого слова.
В html замещающий текст изображения для изображения ниже выглядит следующим образом:
alt=”tiktok in feed ads”
Совет для профессионалов: Добавьте замещающий текст ко всем основным изображениям на странице . Иконкам не нужен замещающий текст. Узнайте больше об оптимизации изображений для SEO.
5. Метатег robots
Метатег robots дает инструкции Google о том, как они должны обрабатывать веб-страницу, например, должна ли она быть проиндексирована в результатах поиска Google (или нет), и должны ли ссылки на странице или не следует соблюдать.
Мы хотим, чтобы Google проиндексировал это сообщение в блоге и переходил по ссылкам в нем, поэтому наш метатег robots будет выглядеть в HTML следующим образом:
6. Канонический тег
У вас есть несколько версий определенной страницы, например несколько вариантов целевой страницы, но вы хотите, чтобы только одна из них занимала место в результатах поиска? Это идеальный вариант использования канонического тега.
Канонические теги помогают Google понять, какая версия страницы является канонической или основной версией, которую вы хотите ранжировать. Лучшей практикой SEO является добавление канонического тега как к странице, которую вы хотите ранжировать, которая будет самоссылающимся каноническим тегом, так и к вторичной версии, которая ссылается на каноническую версию.
Вот как канонический тег выглядит в html:
7.
Разметка схемыСхема разметка, также известная как разметка структурированных данных, использует HTML для отображения специализированных результатов поиска, которые могут повысить вашу видимость в поисковой выдаче и привлечь больше кликов. Например, схематическая разметка — это то, что приводит в действие те специальные окна рецептов, которые вы видите, когда ищете рецепт печенья с шоколадной крошкой 9.0003
Вот как выглядит схема в Google:
А вот как выглядит HTML:
Вы можете использовать разметку схемы для ряда вещей на своем веб-сайте, в том числе:
- Статьи блога
- Наборы данных
- События
- Образовательные курсы
- Часто задаваемые вопросы
- Практические материалы
- Объявления о вакансиях
- Информация о местном бизнесе
- Подкасты
- Продукты
- Вопросы и ответы
- 4
- 40094
- Рецепты
- Видео
- Поиск по веб-сайту
Правильно ли ваш веб-сайт использует эти теги HTML для улучшения SEO? Узнайте с помощью SEO-аудита от ваших специалистов по маркетингу.
Метатеги для описания и ключевых слов на HTML-странице
Мы знаем, что HTML-документ состоит из тегов. Некоторые из этих HTML-тегов не контролируют отображение страницы и используются только для поисковых систем или для различных роботов, которые индексируют страницу. Одним из таких тегов является метатег. Наиболее популярными являются два метатега: метатег описания и метатег ключевого слова.Метатег Description содержит полное предложение, чтобы дать наилучшее описание страницы. Google через свой инструмент для веб-мастеров настаивает на минимальной и максимальной длине тега описания. Метатег ключевого слова состоит из набора различных ключевых слов, используемых на странице.
Веб-мастера используют этот тег, чтобы указать поисковым системам ранжировать эту страницу по этому набору ключевых слов. Однако этот тег больше не учитывается современными движками в их рейтинге, но в их наличии нет ничего плохого. Начнем с нескольких примеров.Описание метатега
Метатег ключевого слова
Могут быть определенные метатеги, такие как имя автора, название версии страницы и т. д., но некоторые из них игнорируются движками. Вот некоторые примеры.
Повторное посещение после : Этот тег не нужен, поскольку у ботов есть собственный график посещения и индексации страниц.
Имя автора : Это требование бота Google, но опять же, это зависит от движка и является необязательным требованием.
Content Follow : не нужно указывать ботам делать это, по умолчанию они сканируют и индексируют контент.
С помощью этих тегов мы можем передавать некоторую важную информацию двигателям. Вот некоторые примеры
Без индекса
Некоторые страницы мы не хотим показывать в результатах поиска, мы можем добавить этот тег в раздел head.Первый тег для всех роботов, а второй тег применим только для гуглбот-изображение сканер.
Нет подписки
Добавляя тег nofollow, мы можем запретить поисковым системам переходить по ссылкам, размещенным на этой странице, или доверять им. В области размещения комментариев на вашем сайте или в любом другом месте, где доступен пользовательский контент, вы можете не голосовать за ссылки, поскольку спамеры используют такие области для размещения ссылок.окно просмотра
<мета имя="окно просмотра" содержание = "ширина = ширина устройства, минимальный масштаб = 1">Веб-страница отображается не только на экранах компьютеров, но и на всех мобильных устройствах и вкладках. Для просмотра больших страниц, предназначенных для экранов компьютеров, мы можем использовать окно просмотра, чтобы уменьшить масштаб страницы до небольших устройств.
← Тег HTML Body Тег заголовка веб-страницы→
←Введение в HTML Структура страницы → Типы тегов →
← HTML
Эта статья написана командой plus2net.com .
plus2net.com
| Основные HTML-теги и многое другое Вопросы по HTML |
|---|
| ronald | 03-07-2010 |
| Это хороший пример мета, но был бы признателен, если бы он мог иметь рабочие примеры | |
Пишите сюда свои комментарии, предложения, ошибки, требования и т.