Тег html ключевые слова: Тег meta, ключевые слова — Структура HTML-документа — HTML Academy

alexxlab

Содержание

Грамотное составление мета-тегов — Блог Костаневича Степана

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

Оптимизация сайта бывает двух видов:
Внутренняя оптимизация и внешняя оптимизация (наращивания ссылочной массы, ТИЦ и PR).
Внутренняя оптимизация сайта состоит из нескольких этапов, каждый из которых по-своему важен и необходим.

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

Как правильно составлять мета-теги

Мета-тег Title

Тег title – это заголовок страницы. Если посмотреть исходный код веб-страницы, то заголовок пишется между тегами <title> </title>.
Пример:

<title>Заголовок страницы</title>

Заголовок страницы должен нести в себе краткую, привлекательную и понятную информацию о содержании страницы. В заголовке должны присутствовать ключевые слова или фразы, с помощью которых вы продвигаете страницу.
Внимание: в теге Title в самом заголовке не должны содержаться стоп-символы (-, +, /, >, <, \,= и т.п.) и стоп-слова (все предлоги, союзы, частицы).
Внимание: тег Title должен выглядеть, как заголовок, а не набор ключевых слов, длина заголовка не должна превышать 50-80 символов, оптимально — до 60 знаков, так как поисковики дальше не читают.
Пример: оптимизируем в заголовке ключевое слово «душевые кабинки».

<html>
<head>
<title>Красивые душевые кабинки на любой вкус и цвет.
 
 </title>

Вот, что я называю грамотное заполнение мета-тега title: есть ключевое слово и фраза, заголовок написан понятно и привлекательно, количество символов 45.

Тег keywords

Тег keywords содержит в себе список ключевых слов к странице. Максимальное количество ключевых слов в теге keywords должно быть не более 5-6 слов или 1-3 ключевых фраз.
Вот так выглядит тег для ключевых слов к странице:

<meta name="keywords" content="ключевые слова, фразы через запятую">

Пример грамотного заполнение тега keywords.

<html>
<head>
<title>Красивые душевые кабинки на любой вкус и цвет.</title>
<meta name="keywords" content="душевая кабинка, квартирный душ, купить душ">

Тег description

Тег description — это описание страницы.
Тег description должен быть составлен грамотно:

— читаемым для людей;
— длина текста должна не превышать максимум 200 символов;
— в теге Description должны применяться ключевые слова;
— текст должен выглядеть, как хорошая реклама для страницы и заинтересовывать пользователей перейти на неё;
— тексты в теге description должны быть уникальными для каждой страницы.

Вот так выглядит тег для описания страницы:

<meta name="description" content="Заработок в Интернете">

Пример грамотного заполнение тега description.

<html>
<head>
<title>Красивые душевые кабинки на любой вкус и цвет.</title>
<meta name="keywords" content="душевая кабинка, квартирный душ, купить душь,">
<meta name="description" content="Вы устали от поиска душевых кабинок по интернету? Вам только что подфартило, у нас есть все, что вам надо, душевые кабинки на любой вкус и цвет. Цена удовлетворительная">
</head>
<body>
Содержание сайта
</body>
</html>

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

С уважением блогер webmasterok2009

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

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

Метки: html, seo-оптимизация, для начинающих

Хорошо ли вы знаете мета-теги в HTML ?

Большинство обучающих курсов не предоставляют подробного объяснения тегов <meta>. В этой статье я исправлю это.

  • Определение
  • Использование
  • Как использовать <meta>
    • Charset
    • Описания страницы
    • Ключевые слова
    • Настройки области просмотра
  • Заключение

Тег <meta> определяет метаданные HTML-документа.

Теги <meta> похожи на спецификацию HTML-документа. Если ноутбук является HTML-документом, то теги <meta> — это его технические характеристики.

Теги <meta> не выводят на веб-странице какие-либо элементы, они доступны только для считывания браузерами.

Теги<meta> используются для указания определенной информации о HTML-документе:

  1. Кодировку символов.
  2. Описание страницы
  3. Ключевые слова
  4. Настройки окна просмотра

Тег <meta> всегда размещается внутри элемента <head>.

Теги <meta> являются пустыми элементами. Это позволяет опустить закрывающий тег. Но открывающий тег обязательно должен присутствовать.

<head> 
    <meta charset = "UTF-8"> 
</ head>

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

  1. UTF-8 – кодировка символов для Unicode.
  2. 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, посетите эти ресурсы:

  1. w3School.com
  2. developer.mozilla.org
  3. Справка Google Search Console

Вадим Дворниковавтор-переводчик статьи «Do you really know meta tags in HTML»

метатегов для описания и ключевых слов на HTML-странице

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

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

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

Описание метатега
Метатег ключевого слова
Могут быть определенные метатеги, такие как имя автора, название версии страницы и т. д., но некоторые из них игнорируются движками. Вот несколько примеров.
Повторное посещение после : Этот тег не нужен, так как боты имеют свой собственный график посещения и индексации страниц.

Имя автора : Это требование бота Google, но опять же, это зависит от движка и является необязательным требованием.

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

С помощью этих тегов мы можем передавать некоторую важную информацию двигателям. вот несколько примеров

Без индекса

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

Нет подписки

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

окно просмотра 

 <мета имя="окно просмотра"
содержание = "ширина = ширина устройства, минимальный масштаб = 1">
Веб-страница отображается не только на экранах компьютеров, но и на всех мобильных устройствах и вкладках.
Для просмотра больших страниц, предназначенных для экранов компьютеров, мы можем использовать окно просмотра, чтобы уменьшить масштаб страницы до небольших устройств.
← Тег HTML Body Тег заголовка веб-страницы→
←Введение в HTML Структура страницы → Типы тегов →
Стандартный макет веб-страниц
← HTML

Эта статья написана командой plus2net.com .


plus2net.com

Основные HTML-теги и многое другое Вопросы по HTML
ronald

03-07-2010

Это хороший пример мета, но был бы признателен, если бы у него были рабочие примеры
49

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

Деталь

©2000-2022 plus2net. com Все права защищены во всем мире Отказ от ответственности в отношении политики конфиденциальности

Руководство по HTML-тегам SEO

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

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

 

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

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

Тег HTML характеризуется <> и вокруг слова или фразы.

Почему теги HTML так важны для SEO?

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

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

Существует более 200 факторов ранжирования, которые влияют на то, как поисковая система продвигает релевантные результаты на своих страницах результатов поисковой системы (SERP). Фактически, Google регулярно меняет свой алгоритм, чтобы улучшить взаимодействие с пользователем и качество результатов поиска. К сожалению, Google держит эти обновления алгоритмов под замком, но лучшие практики SEO HTML — это надежный метод передачи информации о каждой странице, чтобы поисковые системы могли соответствующим образом читать ваш контент.

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

Процесс HTML выглядит следующим образом:

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

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

Наиболее важные HTML-теги для ранжирования в Google

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

Заголовки страниц или «теги заголовков»

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

HTML-код для тега заголовка: ваше название здесь

3 способа оптимизации заголовков страниц

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

Оптимизация ключевого слова

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

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

Будьте краткими

Google покажет только первые 50-60 символов заголовков ваших SEO-страниц. Хороший тег title должен быть коротким и привлекательным, предотвращая обрезание вашего заголовка и, возможно, вводя в заблуждение потенциальных клиентов. У вас будет больше места в тегах заголовков и в общем контенте для расширения.

Сформулируйте правильные ожидания

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

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

Мета-описания

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

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

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

HTML-код тега мета-описания:

Meta Description и рейтинг кликов

Данные показывают, что хорошо составленное метаописание, несомненно, побуждает пользователей переходить на вашу страницу. По данным Backlinko, страницы веб-сайтов с метаописаниями имели CTR примерно на 6% выше, чем страницы без них.

Теперь, если вы думаете, что это не такой уж большой процент, подумайте об этом так. Если ваша страница появляется в поиске Google 500 раз в месяц, это означает, что на вашу страницу переходит на 30 клиентов больше, чем если бы у вас не было простого метаописания! Добавление метаописания — это простой способ привлечь новых клиентов.

3 способа оптимизации метаописаний для SEO

Даже если у вас есть метаописание, существует небольшой риск того, что Google выберет другое или два предложения с этой страницы, которые они сочтут более конкретными и релевантными. Но чтобы предотвратить это, вы можете следовать некоторым передовым методам SEO.

Используйте то же ключевое слово фокуса, что и в заголовке страницы

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

Помните о длине

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

Используйте призыв к действию

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

Заголовки или «теги заголовков»

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

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

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

Тег заголовка выглядит следующим образом:

здесь ваш заголовок

Советы по использованию ключевых слов, синонимов или терминов LSI в заголовках

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

LSI означает скрытое семантическое индексирование, которое является синонимом, связанным с основным ключевым словом (ключевыми словами), на которые вы пытаетесь ориентироваться. Использование ключевых слов LSI в вашем контенте облегчает поисковым системам и пользователям общее представление о том, о чем ваш контент.

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

Подобно тому, как ваши заголовки структурируют страницу в целом, термины LSI придают больше контекста содержанию. Учитывая, что Google просматривает всю вашу страницу, прежде чем индексировать и классифицировать ее, использование ключевых слов и синонимов LSI в ваших HTML-тегах SEO будет работать, чтобы донести смысл и смысл вашего контента.

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

3 способа оптимизации заголовков для SEO

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

Не используйте более одного h2

Можно использовать теги заголовков нескольких размеров: h2, h3, h4, h5, H5 и H6. Чем выше число, тем меньше будет текст и тем менее важно использовать ключевую фразу. Использование более одного тега h2 может сбить с толку поисковые системы, так как они воспринимают h2 как заголовок страницы.

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

Оставайтесь последовательными

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

Пишите заголовки так, как если бы они были запросами

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

Другие важные HTML-теги для SEO

Есть и другие HTML-теги для SEO, которые также могут служить сигналом ранжирования. Вот другие важные элементы вашего HTML-кода, на которые следует обратить внимание.

Альтернативные теги

Альтернативный тег (атрибут alt) — это, по сути, тег изображения или ваше собственное описание или объяснение того, что изображения на вашем веб-сайте содержат или о чем они. Когда вы думаете с точки зрения SEO, вы знаете, что поисковые роботы не могут видеть ваши изображения, поэтому небольшой замещающий текст — это единственный способ, которым они поймут релевантность этого изображения ключевым фразам, которые пользователи вводят в свою строку поиска Google.

Цель альтернативного текста — позволить Google узнать, о чем изображение, а также помочь пользователю в случае, если у него проблемы со зрением или изображение не загружается. Однако в теге alt есть нечто большее, чем фактор доступности, поскольку теги alt помогают роботам поисковых систем читать сами изображения и индексировать их. Вот почему вы иногда видите изображения от нескольких брендов, когда нажимаете вкладку «поиск изображений» во время поиска в Google.

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

Тег роботов

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

Тег robots выглядит следующим образом:

Canonical Tags

Google очень строг в отношении уникального контента и накажет вас, если у вас будет дубликат контент или тонкий контент на вашей странице. Канонический тег гарантирует, что этого не произойдет.

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

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

Преимущества HTML-тегов для SEO

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