Использование тегов и мета-тегов на веб-страницах

19
Игорь Митюшев Правильное использование тегов и мета- тегов на веб-страницах

description

16 сентября Игорь Митюшев, SEO-специалист агентства интернет-маркетинга Netpeak, провёл бесплатный вебинар на тему «Использование тегов и мета-тегов на веб-страницах».

Transcript of Использование тегов и мета-тегов на веб-страницах

Page 1: Использование тегов и мета-тегов на веб-страницах

Игорь Митюшев

Правильное использование тегов и мета-тегов на веб-страницах

Page 2: Использование тегов и мета-тегов на веб-страницах

Содержание

•  SEO-­‐теги  •  <+tle>  •  <descrip+on>  •  <h1>  •  <keywords>  •  Полезная  информация.  

Page 3: Использование тегов и мета-тегов на веб-страницах

SEO-теги

•  HTML    —  стандартный  язык  разметки  документов  во  Всемирной  паутине.  Большинство  веб-­‐страниц  содержат  описание  разметки  на  языке  HTML).  Язык  HTML  интерпретируется  браузерами  и  отображается  в  виде  документа  в  удобной  для  человека  форме.  

•  Теги  это  метки,  которые  вы  используете  для  указания  браузеру,  как  он  должен  показывать  ваш  web-­‐сайт.  

•  Помимо  тегов,  необходимых  для  разметки  страницы,  существуют  также,  так  называемые  SEO-­‐теги,  без  которых  оптимизация  сайта  была  бы  неполной.  Они  особенно  важны  для  поисковых  роботов.  

Page 4: Использование тегов и мета-тегов на веб-страницах

SEO-теги

<+tle>Название  страницы</+tle>    <descrip+on>Описание  страницы</descrip+on>    <meta  name="Keywords"  content=Ключевые  слова">    <h1>Заголовок</h1>    

Page 5: Использование тегов и мета-тегов на веб-страницах

Пример SEO-тегов в действии:

 <head>  <+tle>Раскрутка  сайта,  продвижение  сайтов:  Netpeak  —  интернет-­‐маркетинг  для  бизнеса</+tle>                    <meta  name="keywords"  content="Netpeak,  Нетпик,  раскрутка  сайта,  продвижение  сайтов,  интернет-­‐маркетинг,  интернет-­‐маркетинг  для  бизнеса"  />                    <meta  name="descrip+on"  content="Netpeak  —  интернет-­‐маркетинг  для  бизнеса:  8  лет  опыта,  1086  довольных  клиентов,  таких  как  TripAdvisor,  Slando,  ŠKODA,  Kärcher.  Мы  лучшие."  />    </head>    <h1>Интернет-­‐маркетинг</h1>        

Page 6: Использование тегов и мета-тегов на веб-страницах

SEO-теги

•  До  сих  пор  между  оптимизаторами  нету  однозначного  мнения  по  поводу  того,  в  какой  степени  теги  и  мета-­‐теги  влияют  на  оптимизацию.  

 •  Теги  и  мета-­‐теги  –  точно  не  волшебная  палочка,  с  которой  вы  

гарантировано  попадёте  в  ТОП  Google,  Яндекса,  или  другого  поисковика.    

 •  Но!  Теги  и  мета-­‐теги  помогают  поисковым  системам  и  

пользователям  понять,  о  чём  ваш  сайт.  Если  SEO-­‐теги  используются  неправильно  –  результат  будет  плачевным.  

 

Page 7: Использование тегов и мета-тегов на веб-страницах

Важность SEO-тегов отражает гайд по оптимизации от Google

Page 8: Использование тегов и мета-тегов на веб-страницах

<title>Самый важный SEO-тег</title>

•  Тег  <+tle>  является  самой  важной  частью  страницы  любого  сайта,  поэтому  стоит  уделить  большое  внимание  тому,  как  вы  его  составляете.  

•  Тег  <+tle>  обычно  выводятся  в  результатах  поисковой  выдачи,  как  название  страницы.  

 •  Основная  задача:  наиболее  точно  и  ёмко  описать  содержание  веб-­‐

страницы  поэтому  <+tle>  важен  как  для  поисковых  систем,  так  и  для  пользователей.  

Page 9: Использование тегов и мета-тегов на веб-страницах

<title>Оптимальное использование</title>

Пример  оптимального  формата:  Ключевое  слово  1  -­‐  Ключевое  слово  2  |  Бренд    Оптимальная  длина  для  поисковиков:  •  Google  обычно  отображает  50-­‐60  символов  тега  +tle,  либо  столько  

символов,  сколько  поместятся  в  512-­‐пиксельный  дисплей.  •  В  Яндексе  отображается  не  более  15-­‐ти  слов  в  +tle.  •  Знайте,  что  поисковые  системы  могут  отобразить  иной  +tle,  чем  тот,  

который  вы  указали.  

Page 10: Использование тегов и мета-тегов на веб-страницах

<title>Пример корректного title</title>

<+tle>Comic  Books:  Buy,  Sell,  Trade,  Consign,  Collect  |  mycomicshop.com</+tle>  

Page 11: Использование тегов и мета-тегов на веб-страницах

<meta name="description" content=”Описание для сниппета">

•  Meta  descrip+on  это  мет-­‐тег,  который  предоставляет  описание  контента  вашей  страницы.  

•  Meta  descrip+on  обычно  используются  на  по  странице  поисковой  выдачи  для  отображения  сниппетов  вашей  страницы.  

•  Meta  descrip+on  не  играет  особой  роли  в  ранжировании  вашего  сайта,  но  особо  важен  для  повышения  кликабельности  вашей  странице  в  выдаче  поисковых  систем  

•  Эти  маленькие  абзацы  текста  –  ваша  возможность  заинтересовать  контентом  потенциальных  посетителей  и  дать  им  понять,  есть  ли  на  странице  информация,  которую  они  ищут.    

Page 12: Использование тегов и мета-тегов на веб-страницах

<meta name="description" content=”Рекомендации">

Пишите  рекламный  текст:  •  Meta  descrip+on  выполняет  функцию  рекламного  описания,    

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

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

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

Рекомендованная  длина  •  Meta  descrip+ons  может  быть  любой  длины,  но  поисковые  системы  

обрезают  сниппеты  длиннее  160  символов.      

Page 13: Использование тегов и мета-тегов на веб-страницах

<meta name="description" content=”Нет дублированию!">

Избегайте  дублирования:  •  Как  и  с  <+tle>,  важно  чтобы  meta  descrip+ons  на  каждой  странице  

был  уникальным.    

•  Чем  уникальнее  контент,  и  теги,  описывающие  его  –  тем  лучше  это  будет  воспринято  поисковыми  роботами.  

Page 14: Использование тегов и мета-тегов на веб-страницах

<meta name="description" content=”Пример хорошего description">

Page 15: Использование тегов и мета-тегов на веб-страницах

<h1>Используем заголовок для SEO</h1>

•  Заголовки  —  это  опора  всей  структуры  веб-­‐страницы.  А  <h1>  -­‐  наиболее  важный  из  них.  

•  Поисковые  системы  используют  <h1>  чтобы  понять,  о  чём  идёт  речь  на  странице.    

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

 •  Не  стоит  спамить  ключевиками  в  <h1>  или  вставлять  целые  абзацы  

текстов.    

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

Page 16: Использование тегов и мета-тегов на веб-страницах

<h1>Пример хорошего заголовка H1</h1>

<h1>Comic  Books:  Buy,  Sell,  Trade,  Consign,  Collect</h1>  

Page 17: Использование тегов и мета-тегов на веб-страницах

<meta name="Keywords" content=Ключевые слова">

•  Этот  метатег  был  предназначен  для  описания  ключевых  слов,  встречающихся  на  странице.  

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

•  Сейчас  некоторые  поисковики  пропускают  этот  параметр.  

Ma�  Cu�s,  эксперт  по  качеству  поиска,  подтвердил,  что  при  ранжировании  сайтов  Google  не  учитывает  meta  keywords.      Yandex:  <meta  name="Keywords"  content="..."/>  —  может  учитываться  при  определении  соответствия  страницы  поисковым  запросам.  

Page 18: Использование тегов и мета-тегов на веб-страницах

Полезная информация:

•  Руководства  по  оптимизации  от  Google  и  Яндекс.    •  h�p://devaka.ru/  •  h�p://alaev.info/  

•  [email protected]  

Page 19: Использование тегов и мета-тегов на веб-страницах

Игорь Митюшев Jr. SEO Specialist

Спасибо за внимание!

World Россия Қазақстан Україна netpeak.net netpeak.ru netpeak.kz netpeak.ua