SlideShare a Scribd company logo
1 of 19
Download to read offline
Правильное использование тегов и мета- 
тегов на веб-страницах 
Игорь 
Митюшев
Содержание 
• SEO-­‐теги 
• <+tle> 
• <descrip+on> 
• <h1> 
• <keywords> 
• Полезная 
информация.
SEO-теги 
• HTML 
— 
стандартный 
язык 
разметки 
документов 
во 
Всемирной 
паутине. 
Большинство 
веб-­‐страниц 
содержат 
описание 
разметки 
на 
языке 
HTML). 
Язык 
HTML 
интерпретируется 
браузерами 
и 
отображается 
в 
виде 
документа 
в 
удобной 
для 
человека 
форме. 
• Теги 
это 
метки, 
которые 
вы 
используете 
для 
указания 
браузеру, 
как 
он 
должен 
показывать 
ваш 
web-­‐сайт. 
• Помимо 
тегов, 
необходимых 
для 
разметки 
страницы, 
существуют 
также, 
так 
называемые 
SEO-­‐теги, 
без 
которых 
оптимизация 
сайта 
была 
бы 
неполной. 
Они 
особенно 
важны 
для 
поисковых 
роботов.
SEO-теги 
<+tle>Название 
страницы</+tle> 
<descrip+on>Описание 
страницы</descrip+on> 
<meta 
name="Keywords" 
content=Ключевые 
слова"> 
<h1>Заголовок</h1>
Пример 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>
SEO-теги 
• До 
сих 
пор 
между 
оптимизаторами 
нету 
однозначного 
мнения 
по 
поводу 
того, 
в 
какой 
степени 
теги 
и 
мета-­‐теги 
влияют 
на 
оптимизацию. 
• Теги 
и 
мета-­‐теги 
– 
точно 
не 
волшебная 
палочка, 
с 
которой 
вы 
гарантировано 
попадёте 
в 
ТОП 
Google, 
Яндекса, 
или 
другого 
поисковика. 
• Но! 
Теги 
и 
мета-­‐теги 
помогают 
поисковым 
системам 
и 
пользователям 
понять, 
о 
чём 
ваш 
сайт. 
Если 
SEO-­‐теги 
используются 
неправильно 
– 
результат 
будет 
плачевным.
Важность SEO-тегов отражает гайд по оптимизации от Google
<title>Самый важный SEO-тег</title> 
• Тег 
<+tle> 
является 
самой 
важной 
частью 
страницы 
любого 
сайта, 
поэтому 
стоит 
уделить 
большое 
внимание 
тому, 
как 
вы 
его 
составляете. 
• Тег 
<+tle> 
обычно 
выводятся 
в 
результатах 
поисковой 
выдачи, 
как 
название 
страницы. 
• Основная 
задача: 
наиболее 
точно 
и 
ёмко 
описать 
содержание 
веб-­‐ 
страницы 
поэтому 
<+tle> 
важен 
как 
для 
поисковых 
систем, 
так 
и 
для 
пользователей.
<title>Оптимальное использование</title> 
Пример 
оптимального 
формата: 
Ключевое 
слово 
1 
-­‐ 
Ключевое 
слово 
2 
| 
Бренд 
Оптимальная 
длина 
для 
поисковиков: 
• Google 
обычно 
отображает 
50-­‐60 
символов 
тега 
+tle, 
либо 
столько 
символов, 
сколько 
поместятся 
в 
512-­‐пиксельный 
дисплей. 
• В 
Яндексе 
отображается 
не 
более 
15-­‐ти 
слов 
в 
+tle. 
• Знайте, 
что 
поисковые 
системы 
могут 
отобразить 
иной 
+tle, 
чем 
тот, 
который 
вы 
указали.
<title>Пример корректного title</title> 
<+tle>Comic 
Books: 
Buy, 
Sell, 
Trade, 
Consign, 
Collect 
| 
mycomicshop.com</+tle>
<meta name="description" content=”Описание для сниппета"> 
• Meta 
descrip+on 
это 
мет-­‐тег, 
который 
предоставляет 
описание 
контента 
вашей 
страницы. 
• Meta 
descrip+on 
обычно 
используются 
на 
по 
странице 
поисковой 
выдачи 
для 
отображения 
сниппетов 
вашей 
страницы. 
• Meta 
descrip+on 
не 
играет 
особой 
роли 
в 
ранжировании 
вашего 
сайта, 
но 
особо 
важен 
для 
повышения 
кликабельности 
вашей 
странице 
в 
выдаче 
поисковых 
систем 
• Эти 
маленькие 
абзацы 
текста 
– 
ваша 
возможность 
заинтересовать 
контентом 
потенциальных 
посетителей 
и 
дать 
им 
понять, 
есть 
ли 
на 
странице 
информация, 
которую 
они 
ищут.
<meta name="description" content=”Рекомендации"> 
Пишите 
рекламный 
текст: 
• Meta 
descrip+on 
выполняет 
функцию 
рекламного 
описания, 
привлекает 
пользователей 
к 
сайту 
из 
выдачи 
поисковых 
систем, 
и 
поэтому 
особенно 
важен 
для 
оптимизации. 
• Написание 
читабельного, 
убедительного 
описания, 
с 
учётом 
ключевых 
слов 
повысит 
кликабельность 
вашей 
страницы. 
• Важно 
заметить, 
что 
Google 
и 
другие 
поисковые 
системы 
выделяют 
жирным 
ключевые 
слова 
в 
сниппете, 
когда 
они 
соответствуют 
запросу 
пользователей. 
Рекомендованная 
длина 
• Meta 
descrip+ons 
может 
быть 
любой 
длины, 
но 
поисковые 
системы 
обрезают 
сниппеты 
длиннее 
160 
символов.
<meta name="description" content=”Нет дублированию!"> 
Избегайте 
дублирования: 
• Как 
и 
с 
<+tle>, 
важно 
чтобы 
meta 
descrip+ons 
на 
каждой 
странице 
был 
уникальным. 
• Чем 
уникальнее 
контент, 
и 
теги, 
описывающие 
его 
– 
тем 
лучше 
это 
будет 
воспринято 
поисковыми 
роботами.
<meta name="description" content=”Пример хорошего description">
<h1>Используем заголовок для SEO</h1> 
• Заголовки 
— 
это 
опора 
всей 
структуры 
веб-­‐страницы. 
А 
<h1> 
-­‐ 
наиболее 
важный 
из 
них. 
• Поисковые 
системы 
используют 
<h1> 
чтобы 
понять, 
о 
чём 
идёт 
речь 
на 
странице. 
• Если 
слова, 
которые 
ищут 
упоминаются 
в 
заголовке, 
то 
это 
повышает 
шансы 
на 
более 
высокое 
место 
в 
поисковой 
выдаче 
для 
вашей 
страницы. 
• Не 
стоит 
спамить 
ключевиками 
в 
<h1> 
или 
вставлять 
целые 
абзацы 
текстов. 
• Тег 
заголовка 
нужен 
для 
того 
чтобы 
облегчить 
восприятие 
страницы 
как 
пользователям, 
так 
и 
поисковым 
системам.
<h1>Пример хорошего заголовка H1</h1> 
<h1>Comic 
Books: 
Buy, 
Sell, 
Trade, 
Consign, 
Collect</h1>
<meta name="Keywords" content=Ключевые слова"> 
• Этот 
метатег 
был 
предназначен 
для 
описания 
ключевых 
слов, 
встречающихся 
на 
странице. 
• Но 
в 
результате 
действия 
людей, 
желающих 
попасть 
в 
верхние 
строчки 
поисковых 
систем 
любыми 
средствами, 
теперь 
дискредитирован. 
• Сейчас 
некоторые 
поисковики 
пропускают 
этот 
параметр. 
Ma 
Cus, 
эксперт 
по 
качеству 
поиска, 
подтвердил, 
что 
при 
ранжировании 
сайтов 
Google 
не 
учитывает 
meta 
keywords. 
Yandex: 
<meta 
name="Keywords" 
content="..."/> 
— 
может 
учитываться 
при 
определении 
соответствия 
страницы 
поисковым 
запросам.
Полезная информация: 
• Руководства 
по 
оптимизации 
от 
Google 
и 
Яндекс. 
• hp://devaka.ru/ 
• hp://alaev.info/ 
• i.mityushev@netpeak.ua
Игорь Митюшев 
Jr. SEO Specialist 
Спасибо за внимание! 
World Россия Қазақстан Україна 
netpeak.net netpeak.ru netpeak.kz netpeak.ua

More Related Content

What's hot

внутренняя оптимизация им By gendal f_seo_pub_5
внутренняя оптимизация им By gendal f_seo_pub_5внутренняя оптимизация им By gendal f_seo_pub_5
внутренняя оптимизация им By gendal f_seo_pub_5Яна Сергиенко
 
Семинар Евгения Костина "Продвижение молодого сайта в ТОП"
Семинар Евгения Костина "Продвижение молодого сайта в ТОП"Семинар Евгения Костина "Продвижение молодого сайта в ТОП"
Семинар Евгения Костина "Продвижение молодого сайта в ТОП"Аня Моисеева
 
А. Лозенко: SEO-копирайтинг with HTML
А. Лозенко: SEO-копирайтинг with HTMLА. Лозенко: SEO-копирайтинг with HTML
А. Лозенко: SEO-копирайтинг with HTMLAweb
 
Краткое руководство по раскрутке
Краткое руководство по раскруткеКраткое руководство по раскрутке
Краткое руководство по раскруткеYegor Vasyliev
 
Секреты внутренней оптимизации: как правильно составить title и description
Секреты внутренней оптимизации: как правильно составить title и description Секреты внутренней оптимизации: как правильно составить title и description
Секреты внутренней оптимизации: как правильно составить title и description Pavel Shtanko
 
Интернет-агентство "видОК" - Seo-оптимизация для сайтов
Интернет-агентство "видОК" - Seo-оптимизация для сайтовИнтернет-агентство "видОК" - Seo-оптимизация для сайтов
Интернет-агентство "видОК" - Seo-оптимизация для сайтовДенис Мидаков
 
Турбовебинар
ТурбовебинарТурбовебинар
ТурбовебинарTimurSadihov
 
Php intro rus
Php intro rusPhp intro rus
Php intro rusaDDDitive
 
Ibt networking seo studio-готово
Ibt networking seo studio-готовоIbt networking seo studio-готово
Ibt networking seo studio-готовоAndrey Gorbachevskyy
 
основы нтмл
основы нтмлосновы нтмл
основы нтмлolgaoov
 
презентация занятие №1
 презентация занятие №1 презентация занятие №1
презентация занятие №1aleksandrafanasjev
 

What's hot (19)

внутренняя оптимизация им By gendal f_seo_pub_5
внутренняя оптимизация им By gendal f_seo_pub_5внутренняя оптимизация им By gendal f_seo_pub_5
внутренняя оптимизация им By gendal f_seo_pub_5
 
Как составить ТЗ для копирайтера. Вебинар WebPromoExperts #261
Как составить ТЗ для копирайтера. Вебинар WebPromoExperts #261Как составить ТЗ для копирайтера. Вебинар WebPromoExperts #261
Как составить ТЗ для копирайтера. Вебинар WebPromoExperts #261
 
Семинар Евгения Костина "Продвижение молодого сайта в ТОП"
Семинар Евгения Костина "Продвижение молодого сайта в ТОП"Семинар Евгения Костина "Продвижение молодого сайта в ТОП"
Семинар Евгения Костина "Продвижение молодого сайта в ТОП"
 
А. Лозенко: SEO-копирайтинг with HTML
А. Лозенко: SEO-копирайтинг with HTMLА. Лозенко: SEO-копирайтинг with HTML
А. Лозенко: SEO-копирайтинг with HTML
 
Краткое руководство по раскрутке
Краткое руководство по раскруткеКраткое руководство по раскрутке
Краткое руководство по раскрутке
 
Секреты внутренней оптимизации: как правильно составить title и description
Секреты внутренней оптимизации: как правильно составить title и description Секреты внутренней оптимизации: как правильно составить title и description
Секреты внутренней оптимизации: как правильно составить title и description
 
Интернет-агентство "видОК" - Seo-оптимизация для сайтов
Интернет-агентство "видОК" - Seo-оптимизация для сайтовИнтернет-агентство "видОК" - Seo-оптимизация для сайтов
Интернет-агентство "видОК" - Seo-оптимизация для сайтов
 
Основы Seo за 7 минут
Основы Seo за 7 минутОсновы Seo за 7 минут
Основы Seo за 7 минут
 
Основы HTML
Основы HTMLОсновы HTML
Основы HTML
 
HTML
HTMLHTML
HTML
 
SEO
SEOSEO
SEO
 
Турбовебинар
ТурбовебинарТурбовебинар
Турбовебинар
 
Php intro rus
Php intro rusPhp intro rus
Php intro rus
 
Ibt networking seo studio-готово
Ibt networking seo studio-готовоIbt networking seo studio-готово
Ibt networking seo studio-готово
 
основы нтмл
основы нтмлосновы нтмл
основы нтмл
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
Язык HTML
Язык HTMLЯзык HTML
Язык HTML
 
Андрей Натальченко: «Внутренняя оптимизация интернет-магазинов»
Андрей Натальченко: «Внутренняя оптимизация интернет-магазинов»Андрей Натальченко: «Внутренняя оптимизация интернет-магазинов»
Андрей Натальченко: «Внутренняя оптимизация интернет-магазинов»
 
презентация занятие №1
 презентация занятие №1 презентация занятие №1
презентация занятие №1
 

Viewers also liked

25 доступных способов увеличения продаж технологических сервисов
25 доступных способов увеличения продаж технологических сервисов25 доступных способов увеличения продаж технологических сервисов
25 доступных способов увеличения продаж технологических сервисовTechnoparkSk
 
Основные теги HTML
Основные теги HTMLОсновные теги HTML
Основные теги HTMLОтшельник
 
Социальные сети
Социальные сетиСоциальные сети
Социальные сетиNetpeak
 
Артем Кувалдин: Основы HTML
Артем Кувалдин: Основы HTMLАртем Кувалдин: Основы HTML
Артем Кувалдин: Основы HTMLYandex
 
основні теги мови Html
основні теги мови Htmlосновні теги мови Html
основні теги мови HtmlLarisa023
 
Работа с текстом в HTML
Работа с текстом в HTMLРабота с текстом в HTML
Работа с текстом в HTMLVasya Petrov
 
Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"Gotti Vartanyan
 
Основы Digital маркетинга. Образовательная презентация.
Основы Digital маркетинга. Образовательная презентация.Основы Digital маркетинга. Образовательная презентация.
Основы Digital маркетинга. Образовательная презентация.Vladymyr Klykov
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginnersjeroenvdmeer
 
[Basic HTML/CSS] 2. html - list tags
[Basic HTML/CSS] 2. html - list tags[Basic HTML/CSS] 2. html - list tags
[Basic HTML/CSS] 2. html - list tagsHyejin Oh
 
[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tagsHyejin Oh
 

Viewers also liked (15)

25 доступных способов увеличения продаж технологических сервисов
25 доступных способов увеличения продаж технологических сервисов25 доступных способов увеличения продаж технологических сервисов
25 доступных способов увеличения продаж технологических сервисов
 
Основные теги HTML
Основные теги HTMLОсновные теги HTML
Основные теги HTML
 
HTML 2
HTML 2HTML 2
HTML 2
 
Социальные сети
Социальные сетиСоциальные сети
Социальные сети
 
Артем Кувалдин: Основы HTML
Артем Кувалдин: Основы HTMLАртем Кувалдин: Основы HTML
Артем Кувалдин: Основы HTML
 
основні теги мови Html
основні теги мови Htmlосновні теги мови Html
основні теги мови Html
 
представление о языке Html
представление о языке Htmlпредставление о языке Html
представление о языке Html
 
Работа с текстом в HTML
Работа с текстом в HTMLРабота с текстом в HTML
Работа с текстом в HTML
 
Html tag
Html tagHtml tag
Html tag
 
Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"Презентация на тему "WEB-программирование"
Презентация на тему "WEB-программирование"
 
Основы Digital маркетинга. Образовательная презентация.
Основы Digital маркетинга. Образовательная презентация.Основы Digital маркетинга. Образовательная презентация.
Основы Digital маркетинга. Образовательная презентация.
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
[Basic HTML/CSS] 2. html - list tags
[Basic HTML/CSS] 2. html - list tags[Basic HTML/CSS] 2. html - list tags
[Basic HTML/CSS] 2. html - list tags
 
[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags[Basic HTML/CSS] 1. html - basic tags
[Basic HTML/CSS] 1. html - basic tags
 

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

Наполнение сайта. Руководство
Наполнение сайта. РуководствоНаполнение сайта. Руководство
Наполнение сайта. РуководствоNimax
 
Поисковая оптимизация сайта: с чего начать
Поисковая оптимизация сайта:  с чего начатьПоисковая оптимизация сайта:  с чего начать
Поисковая оптимизация сайта: с чего начатьDarya Karelina
 
Руководство по оптимизации сайта для начинающих.
Руководство по оптимизации сайта для начинающих.Руководство по оптимизации сайта для начинающих.
Руководство по оптимизации сайта для начинающих.Violo Paganini
 
Seo для web разработчиков
Seo для web разработчиковSeo для web разработчиков
Seo для web разработчиковrider357
 
Интернет маркетинг (День 2), лекция в НИУ ВШЭ. Пермь
Интернет маркетинг (День 2), лекция в НИУ ВШЭ. ПермьИнтернет маркетинг (День 2), лекция в НИУ ВШЭ. Пермь
Интернет маркетинг (День 2), лекция в НИУ ВШЭ. ПермьAlex Zagoumenov
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 
Основы языка HTML
Основы языка HTMLОсновы языка HTML
Основы языка HTMLDenis Latushkin
 
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайтаПрезентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайтаAndrew PersonBh
 
базовая оптимизация сайта
базовая оптимизация сайтабазовая оптимизация сайта
базовая оптимизация сайтаWelcomSEO
 
Введение в SEO
Введение в SEOВведение в SEO
Введение в SEOElena Lomova
 
Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?
Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?
Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?NaZapad
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1itc73
 
презентация по миру
презентация по мирупрезентация по миру
презентация по мируkuzeenka31
 

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

Наполнение сайта. Руководство
Наполнение сайта. РуководствоНаполнение сайта. Руководство
Наполнение сайта. Руководство
 
Поисковая оптимизация сайта: с чего начать
Поисковая оптимизация сайта:  с чего начатьПоисковая оптимизация сайта:  с чего начать
Поисковая оптимизация сайта: с чего начать
 
Руководство по оптимизации сайта для начинающих.
Руководство по оптимизации сайта для начинающих.Руководство по оптимизации сайта для начинающих.
Руководство по оптимизации сайта для начинающих.
 
Секреты внутренней оптимизации: как правильно составить title и description
Секреты внутренней оптимизации: как правильно составить title и description Секреты внутренней оптимизации: как правильно составить title и description
Секреты внутренней оптимизации: как правильно составить title и description
 
Presentation
PresentationPresentation
Presentation
 
Комплексный подход к SEO-копирайтингу в 2018 году
Комплексный подход к SEO-копирайтингу в 2018 году Комплексный подход к SEO-копирайтингу в 2018 году
Комплексный подход к SEO-копирайтингу в 2018 году
 
Seo для web разработчиков
Seo для web разработчиковSeo для web разработчиков
Seo для web разработчиков
 
Интернет маркетинг (День 2), лекция в НИУ ВШЭ. Пермь
Интернет маркетинг (День 2), лекция в НИУ ВШЭ. ПермьИнтернет маркетинг (День 2), лекция в НИУ ВШЭ. Пермь
Интернет маркетинг (День 2), лекция в НИУ ВШЭ. Пермь
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
Основы языка HTML
Основы языка HTMLОсновы языка HTML
Основы языка HTML
 
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайтаПрезентация SEO - все что нужно знать про поисковую оптимизацию сайта
Презентация SEO - все что нужно знать про поисковую оптимизацию сайта
 
базовая оптимизация сайта
базовая оптимизация сайтабазовая оптимизация сайта
базовая оптимизация сайта
 
Введение в SEO
Введение в SEOВведение в SEO
Введение в SEO
 
Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?
Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?
Обратные ссылки или внутренняя оптимизация: какому потоку отдать приоритет?
 
Html
HtmlHtml
Html
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция1
Верстка_Лекция1Верстка_Лекция1
Верстка_Лекция1
 
презентация по миру
презентация по мирупрезентация по миру
презентация по миру
 

More from Netpeak

Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...
Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...
Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...Netpeak
 
Контент, который продаёт, повышает узнаваемость и трафик
Контент, который продаёт, повышает узнаваемость и трафикКонтент, который продаёт, повышает узнаваемость и трафик
Контент, который продаёт, повышает узнаваемость и трафикNetpeak
 
Что такое контекстная реклама в Google и как с ней работать?
Что такое контекстная реклама в Google и как с ней работать? Что такое контекстная реклама в Google и как с ней работать?
Что такое контекстная реклама в Google и как с ней работать? Netpeak
 
Топ 5 важных составляющих круто оптимизированного интернет-магазина
Топ 5 важных составляющих круто оптимизированного интернет-магазинаТоп 5 важных составляющих круто оптимизированного интернет-магазина
Топ 5 важных составляющих круто оптимизированного интернет-магазинаNetpeak
 
SEO: коригуй, оптимізуй і просувай
SEO: коригуй, оптимізуй і просувайSEO: коригуй, оптимізуй і просувай
SEO: коригуй, оптимізуй і просувайNetpeak
 
Email-marketing: экскурс в самый окупаемый инструмент маркетинга
Email-marketing: экскурс в самый окупаемый инструмент маркетингаEmail-marketing: экскурс в самый окупаемый инструмент маркетинга
Email-marketing: экскурс в самый окупаемый инструмент маркетингаNetpeak
 
18 каналов привлечения клиентов
18 каналов привлечения клиентов18 каналов привлечения клиентов
18 каналов привлечения клиентовNetpeak
 
Как через R коннектор получить данные из Вконтакте в Power BI
Как через R коннектор получить данные из Вконтакте в Power BIКак через R коннектор получить данные из Вконтакте в Power BI
Как через R коннектор получить данные из Вконтакте в Power BINetpeak
 
SEO сегодня. Куда дует ветер, что смотреть и на что ориентироваться
SEO сегодня. Куда дует ветер, что смотреть и на что ориентироватьсяSEO сегодня. Куда дует ветер, что смотреть и на что ориентироваться
SEO сегодня. Куда дует ветер, что смотреть и на что ориентироватьсяNetpeak
 
Как сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитикиКак сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитикиNetpeak
 
Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...
Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...
Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...Netpeak
 
Как масштабировать проект в мире автоматизации и многоканальности? Кейс Беккер
Как масштабировать проект в мире автоматизации и многоканальности? Кейс БеккерКак масштабировать проект в мире автоматизации и многоканальности? Кейс Беккер
Как масштабировать проект в мире автоматизации и многоканальности? Кейс БеккерNetpeak
 
Как бесплатное мероприятие может принести деньги digital-агентству?
Как бесплатное мероприятие может принести деньги digital-агентству? Как бесплатное мероприятие может принести деньги digital-агентству?
Как бесплатное мероприятие может принести деньги digital-агентству? Netpeak
 
Лидогенерация: как работать с воронкой продаж в Google Ads?
Лидогенерация: как работать с воронкой продаж в Google Ads?Лидогенерация: как работать с воронкой продаж в Google Ads?
Лидогенерация: как работать с воронкой продаж в Google Ads?Netpeak
 
Soft skills и организация их развития
Soft skills и организация их развитияSoft skills и организация их развития
Soft skills и организация их развитияNetpeak
 
Как продвигать мобильное приложение в Google Ads? Основы мобильного маркетинга
Как продвигать мобильное приложение в Google Ads? Основы мобильного маркетингаКак продвигать мобильное приложение в Google Ads? Основы мобильного маркетинга
Как продвигать мобильное приложение в Google Ads? Основы мобильного маркетингаNetpeak
 
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияSEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияNetpeak
 
Как вести рекламные кампании в Google Ads в период кризиса? Кейсы Netpeak
Как вести рекламные кампании в Google Ads в период кризиса? Кейсы NetpeakКак вести рекламные кампании в Google Ads в период кризиса? Кейсы Netpeak
Как вести рекламные кампании в Google Ads в период кризиса? Кейсы NetpeakNetpeak
 
“Подслушивать” звонки менеджера — паранойя или путь к совершенству
“Подслушивать” звонки менеджера — паранойя или путь к совершенству“Подслушивать” звонки менеджера — паранойя или путь к совершенству
“Подслушивать” звонки менеджера — паранойя или путь к совершенствуNetpeak
 
Как работать с API Google Analytics на языке R
Как работать с API Google Analytics на языке RКак работать с API Google Analytics на языке R
Как работать с API Google Analytics на языке RNetpeak
 

More from Netpeak (20)

Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...
Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...
Кросс-продажи в B2B — нефть вашей воронки. Как увеличить оборот на 40% за сче...
 
Контент, который продаёт, повышает узнаваемость и трафик
Контент, который продаёт, повышает узнаваемость и трафикКонтент, который продаёт, повышает узнаваемость и трафик
Контент, который продаёт, повышает узнаваемость и трафик
 
Что такое контекстная реклама в Google и как с ней работать?
Что такое контекстная реклама в Google и как с ней работать? Что такое контекстная реклама в Google и как с ней работать?
Что такое контекстная реклама в Google и как с ней работать?
 
Топ 5 важных составляющих круто оптимизированного интернет-магазина
Топ 5 важных составляющих круто оптимизированного интернет-магазинаТоп 5 важных составляющих круто оптимизированного интернет-магазина
Топ 5 важных составляющих круто оптимизированного интернет-магазина
 
SEO: коригуй, оптимізуй і просувай
SEO: коригуй, оптимізуй і просувайSEO: коригуй, оптимізуй і просувай
SEO: коригуй, оптимізуй і просувай
 
Email-marketing: экскурс в самый окупаемый инструмент маркетинга
Email-marketing: экскурс в самый окупаемый инструмент маркетингаEmail-marketing: экскурс в самый окупаемый инструмент маркетинга
Email-marketing: экскурс в самый окупаемый инструмент маркетинга
 
18 каналов привлечения клиентов
18 каналов привлечения клиентов18 каналов привлечения клиентов
18 каналов привлечения клиентов
 
Как через R коннектор получить данные из Вконтакте в Power BI
Как через R коннектор получить данные из Вконтакте в Power BIКак через R коннектор получить данные из Вконтакте в Power BI
Как через R коннектор получить данные из Вконтакте в Power BI
 
SEO сегодня. Куда дует ветер, что смотреть и на что ориентироваться
SEO сегодня. Куда дует ветер, что смотреть и на что ориентироватьсяSEO сегодня. Куда дует ветер, что смотреть и на что ориентироваться
SEO сегодня. Куда дует ветер, что смотреть и на что ориентироваться
 
Как сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитикиКак сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитики
 
Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...
Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...
Локальные кампании в Google Ads. Привлекаем пользователей в офлайн с помощью ...
 
Как масштабировать проект в мире автоматизации и многоканальности? Кейс Беккер
Как масштабировать проект в мире автоматизации и многоканальности? Кейс БеккерКак масштабировать проект в мире автоматизации и многоканальности? Кейс Беккер
Как масштабировать проект в мире автоматизации и многоканальности? Кейс Беккер
 
Как бесплатное мероприятие может принести деньги digital-агентству?
Как бесплатное мероприятие может принести деньги digital-агентству? Как бесплатное мероприятие может принести деньги digital-агентству?
Как бесплатное мероприятие может принести деньги digital-агентству?
 
Лидогенерация: как работать с воронкой продаж в Google Ads?
Лидогенерация: как работать с воронкой продаж в Google Ads?Лидогенерация: как работать с воронкой продаж в Google Ads?
Лидогенерация: как работать с воронкой продаж в Google Ads?
 
Soft skills и организация их развития
Soft skills и организация их развитияSoft skills и организация их развития
Soft skills и организация их развития
 
Как продвигать мобильное приложение в Google Ads? Основы мобильного маркетинга
Как продвигать мобильное приложение в Google Ads? Основы мобильного маркетингаКак продвигать мобильное приложение в Google Ads? Основы мобильного маркетинга
Как продвигать мобильное приложение в Google Ads? Основы мобильного маркетинга
 
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияSEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
 
Как вести рекламные кампании в Google Ads в период кризиса? Кейсы Netpeak
Как вести рекламные кампании в Google Ads в период кризиса? Кейсы NetpeakКак вести рекламные кампании в Google Ads в период кризиса? Кейсы Netpeak
Как вести рекламные кампании в Google Ads в период кризиса? Кейсы Netpeak
 
“Подслушивать” звонки менеджера — паранойя или путь к совершенству
“Подслушивать” звонки менеджера — паранойя или путь к совершенству“Подслушивать” звонки менеджера — паранойя или путь к совершенству
“Подслушивать” звонки менеджера — паранойя или путь к совершенству
 
Как работать с API Google Analytics на языке R
Как работать с API Google Analytics на языке RКак работать с API Google Analytics на языке R
Как работать с API Google Analytics на языке R
 

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

  • 1. Правильное использование тегов и мета- тегов на веб-страницах Игорь Митюшев
  • 2. Содержание • SEO-­‐теги • <+tle> • <descrip+on> • <h1> • <keywords> • Полезная информация.
  • 3. SEO-теги • HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-­‐страниц содержат описание разметки на языке HTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. • Теги это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-­‐сайт. • Помимо тегов, необходимых для разметки страницы, существуют также, так называемые SEO-­‐теги, без которых оптимизация сайта была бы неполной. Они особенно важны для поисковых роботов.
  • 4. SEO-теги <+tle>Название страницы</+tle> <descrip+on>Описание страницы</descrip+on> <meta name="Keywords" content=Ключевые слова"> <h1>Заголовок</h1>
  • 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>
  • 6. SEO-теги • До сих пор между оптимизаторами нету однозначного мнения по поводу того, в какой степени теги и мета-­‐теги влияют на оптимизацию. • Теги и мета-­‐теги – точно не волшебная палочка, с которой вы гарантировано попадёте в ТОП Google, Яндекса, или другого поисковика. • Но! Теги и мета-­‐теги помогают поисковым системам и пользователям понять, о чём ваш сайт. Если SEO-­‐теги используются неправильно – результат будет плачевным.
  • 7. Важность SEO-тегов отражает гайд по оптимизации от Google
  • 8. <title>Самый важный SEO-тег</title> • Тег <+tle> является самой важной частью страницы любого сайта, поэтому стоит уделить большое внимание тому, как вы его составляете. • Тег <+tle> обычно выводятся в результатах поисковой выдачи, как название страницы. • Основная задача: наиболее точно и ёмко описать содержание веб-­‐ страницы поэтому <+tle> важен как для поисковых систем, так и для пользователей.
  • 9. <title>Оптимальное использование</title> Пример оптимального формата: Ключевое слово 1 -­‐ Ключевое слово 2 | Бренд Оптимальная длина для поисковиков: • Google обычно отображает 50-­‐60 символов тега +tle, либо столько символов, сколько поместятся в 512-­‐пиксельный дисплей. • В Яндексе отображается не более 15-­‐ти слов в +tle. • Знайте, что поисковые системы могут отобразить иной +tle, чем тот, который вы указали.
  • 10. <title>Пример корректного title</title> <+tle>Comic Books: Buy, Sell, Trade, Consign, Collect | mycomicshop.com</+tle>
  • 11. <meta name="description" content=”Описание для сниппета"> • Meta descrip+on это мет-­‐тег, который предоставляет описание контента вашей страницы. • Meta descrip+on обычно используются на по странице поисковой выдачи для отображения сниппетов вашей страницы. • Meta descrip+on не играет особой роли в ранжировании вашего сайта, но особо важен для повышения кликабельности вашей странице в выдаче поисковых систем • Эти маленькие абзацы текста – ваша возможность заинтересовать контентом потенциальных посетителей и дать им понять, есть ли на странице информация, которую они ищут.
  • 12. <meta name="description" content=”Рекомендации"> Пишите рекламный текст: • Meta descrip+on выполняет функцию рекламного описания, привлекает пользователей к сайту из выдачи поисковых систем, и поэтому особенно важен для оптимизации. • Написание читабельного, убедительного описания, с учётом ключевых слов повысит кликабельность вашей страницы. • Важно заметить, что Google и другие поисковые системы выделяют жирным ключевые слова в сниппете, когда они соответствуют запросу пользователей. Рекомендованная длина • Meta descrip+ons может быть любой длины, но поисковые системы обрезают сниппеты длиннее 160 символов.
  • 13. <meta name="description" content=”Нет дублированию!"> Избегайте дублирования: • Как и с <+tle>, важно чтобы meta descrip+ons на каждой странице был уникальным. • Чем уникальнее контент, и теги, описывающие его – тем лучше это будет воспринято поисковыми роботами.
  • 14. <meta name="description" content=”Пример хорошего description">
  • 15. <h1>Используем заголовок для SEO</h1> • Заголовки — это опора всей структуры веб-­‐страницы. А <h1> -­‐ наиболее важный из них. • Поисковые системы используют <h1> чтобы понять, о чём идёт речь на странице. • Если слова, которые ищут упоминаются в заголовке, то это повышает шансы на более высокое место в поисковой выдаче для вашей страницы. • Не стоит спамить ключевиками в <h1> или вставлять целые абзацы текстов. • Тег заголовка нужен для того чтобы облегчить восприятие страницы как пользователям, так и поисковым системам.
  • 16. <h1>Пример хорошего заголовка H1</h1> <h1>Comic Books: Buy, Sell, Trade, Consign, Collect</h1>
  • 17. <meta name="Keywords" content=Ключевые слова"> • Этот метатег был предназначен для описания ключевых слов, встречающихся на странице. • Но в результате действия людей, желающих попасть в верхние строчки поисковых систем любыми средствами, теперь дискредитирован. • Сейчас некоторые поисковики пропускают этот параметр. Ma Cus, эксперт по качеству поиска, подтвердил, что при ранжировании сайтов Google не учитывает meta keywords. Yandex: <meta name="Keywords" content="..."/> — может учитываться при определении соответствия страницы поисковым запросам.
  • 18. Полезная информация: • Руководства по оптимизации от Google и Яндекс. • hp://devaka.ru/ • hp://alaev.info/ • i.mityushev@netpeak.ua
  • 19. Игорь Митюшев Jr. SEO Specialist Спасибо за внимание! World Россия Қазақстан Україна netpeak.net netpeak.ru netpeak.kz netpeak.ua