Грамотная seo-оптимизация сайта на wordpress
TRANSCRIPT
SEO оптимизация
Click Right Mouse Change Background
Грамотная
WordPress edition
WordPress Meetup #5
Saint-Petersburg, Russia
24.01.2015 wpspb.org
Igor Sazonov
ЧТО ТАКОЕ SEO-ОПТИМИЗАЦИЯSearch Engine Optimization
Оптимизация бывает «белой», «серой» и «черной». Здесь мы рассмотрим только «белую» оптимизацию, потому что только с помощью нее можно раскрутить сайт надолго. Для правильного подхода представьте идеальный сайт с точки зрения пользователя и тогда Вы поймете что, прежде всего, необходимо для грамотной оптимизации.
Поисковая оптимизация (англ. search engine optimization, SEO) — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам
пользователей с целью продвижения сайта. Обычно чем выше позиция сайта в результатах поиска, тем больше заинтересованных посетителей переходит на него с поисковых систем. При анализе эффективности поисковой оптимизации оценивается стоимость целевого посетителя с
учётом времени вывода сайта на указанные позиции и конверсии сайта.
Википедия
Click On Change Picture
Какие типы оптимизаций бывают 3
ВНУТРЕННЯЯ ВНЕШНЯЯ
Оптимизация сайта своими руками: контент, верстка, скорость работы, robots.txt,
перелинковка и многое другое.
Упоминание сайта на сторонних ресурсах: социальные сети и ссылочное ранжирование
ВНУТРЕННЯЯ ОПТИМИЗАЦИЯ4
Кол-во и качество. Это основа всего продвижения сайта, самая базовая вещь!
Контент и его количество
Специальный файл, «диктующий условия» поисковым системам
robots.txt
Также немаловажный фактор при ранжировании
Правильная верстка
Чем быстрее сайт грузится, тем он привлекательнее для людей и поисковиков
Скорость загрузки сайта
Не домена, а сайта: кол-во времени с перв. индексации
Возраст сайта
Перелинковка, ЧПУ, meta, качество, webmaster tools, title’s, sitemap, кол-во стр итд
Прочие факторы
Ключевые факторы для хорошей внутренней SEO-оптимизации сайта.
Как работают поисковые системы 5
Новый контентВы загрузили новый контент на сайт.
ПС заходит на стрИ скачивает новый контент для обработки.
ОбработкаКонтент обрабатывается внутр. алгоритмами.
ИндексацияЕсли все хорошо, страница попадает в индекс ПС.
СКОРОСТЬ ИНДЕКСАЦИИ РАЗНЫХ ПС6
Яндекс
Имеет свои периоды обновления индекса сайтов о
которых объявляет вебмастерам по факту. Обычно в среднем 1 раз в 1,5 недели.
Индексирует динамически, но от индексации до полного
ранжирования может проходить неделя.
Mail.ru
С 1.07.2013 используют свой поисковый движок, как он работает пока не понятно.
Bing
Поисковик от Microsoft, индексирует быстро и довольно
часто.
Каждая поисковая система имеет свои особенности и скорость индексирования.Непосредственно индексация нового сайта может длиться от нескольких часов до месяца в зависимости от поисковой системы и
некоторых внешних факторов. Индексация нового контента на сайте происходит намного быстрее.
Основы внутренней оптимизации 7
контентаСЕМАНТИКА Правильный
HTML.
факторВАЖНЫЙ Минимум 3
месяца с 1й индексации.
всей
оптимизации
БАЗА Много уникального контента на разных страницах.
много)ИХ Следующий слайд.
Количество и качество контента
Возраст сайта
Правильная верстка
Прочие факторыВсе в сумме
Много уникальногоконтента на многихстраницах.
Индексация сайта спостояннымиобновлениями минимум3 месяца, а лучше год иболее.
Правильная, желательносемантическая HTML-верстка.
Следующий слайд.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim nuncnisi, ac scelerisque nulla malesuada id. Nunc consequat
КОНТЕНТ 8
Количество (втч страниц)
Чем больше на сайте текста, тем лучше, потому что больше страниц сайта попадут в индекс поисковых систем.
Уникальность
Только уникальные тексты (которых нет на других сайтах) принимаются к индексированию.
Качество
Сайт должен быть качественным. С точки зрения поисковика это наличие не только текста, но также картинок и подзаголовков.
Частота добавления новых стр
Желательно иметь блог/новости и регулярно добавлять туда новый контент. Это нравится поисковикам.
Текстовая оптимизация
Если Вы раскручиваете с помощью страницы определенное КС, то нужно специальным образом соблюсти плотность КС.
HTML-оптимизацияГрамотная HTML-верстка текста с соблюдением количества тегов заголовков и подзаголовков итп. Редактор делет «мусор».
Хороший контент это база всей оптимизации как внутренне так и внешней. Ведь когда пользователь вбивает в строку поиска запрос, то поисковая система ищет текст именно по контенту сайтов, а если этого контента много, он уникален и содержит
картинки, ссылки, подзаголовки, нужные ключевые слова (в определенной плотности), с четким HTML-кодом, то значит этот контент хороший и должен понравиться пользователям, поэтому поисковик поставит его как можно выше.
robots.txt 9
Файл, который «подсказывает» поисковикам какой контент индексировать, а какой нет с помощью своих правил. Поддерживается всеми поисковыми системами. Из-за нестандартной директивы «Host» у Яндекса, правила обработки Яндекса прописываются отдельно от остальных. Файл должен располагаться в корне сайта, т.е. по адресу типа http://mysite.ru/robots.txtДокументация - http://robotstxt.org.ru
robots.txt для WordPress (один файл) https://www.dropbox.com/s/vuse6dcgriay6ie/robots.txt?dl=0
User-agent: YandexDisallow: /wp-login.phpDisallow: /wp-register.phpDisallow: /index.phpDisallow: /xmlrpc.phpDisallow: /template.htmlDisallow: /cgi-binDisallow: /wp-adminDisallow: /wp-includesDisallow: /wp-content/pluginsDisallow: /wp-content/cacheDisallow: /wp-trackbackDisallow: /wp-feedDisallow: /wp-commentsDisallow: */trackbackDisallow: */feedDisallow: */commentsDisallow: */trackback/Disallow: */feed/Disallow: */comments/Disallow: */author/Disallow: /?feed=Disallow: /?s=Allow: /Allow: /wp-content/uploads/Host: mysite.ru
User-agent: *Disallow: /wp-login.phpDisallow: /wp-register.phpDisallow: /index.phpDisallow: /xmlrpc.phpDisallow: /template.htmlDisallow: /cgi-binDisallow: /wp-adminDisallow: /wp-includesDisallow: /wp-content/pluginsDisallow: /wp-content/cacheDisallow: /wp-trackbackDisallow: /wp-feedDisallow: /wp-commentsDisallow: */trackbackDisallow: */feedDisallow: */commentsDisallow: /archiveDisallow: */trackback/Disallow: */feed/Disallow: */comments/Disallow: */author/Disallow: /?feed=Disallow: /?s=Allow: /Allow: /wp-content/uploads/Sitemap: http://mysite.ru/sitemap.xml
Правильная верстка 10
Семантическая верстка – это соответствие тэгов к информации, находящейся в нем.
• Используются тэги HTML5.
• Весь CSS-код убираем в css-файлы (без тэга <style>), весь js-код – в файлы js.
Желательно.
• Заголовки должны выделяться тэгами H1, H2, H3, H4 (на страницу один H1, 1-2
H2)
• Текст для людей должен быть в тэге <p> (параграф)
• Иерархия контента: более важное в начале, последовательность тэгов заголовков:
сначала H1, потом H2, H3 итд
• Сайдбар – тэг <aside>
• Использование атрибута role (http://www.w3.org/wiki/PF/XTech/HTML5/RoleAttribute )
• Большой текстовый контент – тэг <article>
• Использование тэгов <header> и <footer> как для сайта так и для контентных
блоков
Правильная верстка 12
Примеры семантической верстки:Навигационное меню:
Хороший правильный HTML5-код<nav>
<ul role=“navigation”><li><a href=http://ya.ru>Яндекс</a></li><li><a href=http://google.ru>Google</a></li>……
</ul></nav>
НЕВЕРНО (с точки зрения семантики)<div>
<a href=http://ya.ru>Яндекс</a> >><a href=http://google.ru>Google</a> >>……
</div>
Правильная верстка 13
Примеры семантической верстки:Контентная область страницы:
Хороший правильный HTML5-код<article>
<header><h1>Заголовок</h1><p>какой-то вводный текст или картинка итп в
других тэгах</p></header><p>ТЕКСТ</p><h2>подзаголовок</h2><p>ТЕКСТ</p><footer>
<p>что-то в футере</p></footer>
</article>
НЕВЕРНО (с точки зрения семантики)<div>
<strong style=“color:red;font-size:30px”>Заголовок</strong><br />
какой-то текст……</div>
Правильная верстка 14
МИКРОРАЗМЕТКА
https://support.google.com/webmasters/answer/99170?hl=ruhttp://help.yandex.ru/webmaster/schema-org/what-is-schema-org.xmlhttp://microformats.org/wiki/Main_Page
Правильная верстка 15
МИКРОРАЗМЕТКА
Какие виды бывают:1. Microdata (микроданные) – рекомендуется Google’ом
2. Microformats (микроформаты)
3. RDFa – работает с ссылками
Что могут разметить?• Отзывы (+рейтинг)
• Люди (персоны на сайте)
• Товары
• Информация о компании
• Рецепты
• Мероприятия
• Музыка
• «Хлебные крошки»
• Комментарии
Правильная верстка 16
МИКРОРАЗМЕТКАПример микроразметки адреса организации<div itemscope itemtype="http://data-vocabulary.org/Organization">
<span itemprop="name">L’Amourita Pizza</span>Адрес: <span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">123 Мэйн-стрит</span>, <span itemprop="locality">Альбукерке</span>, <span itemprop="region">Нью-Мексико</span>.
</span>Телефон: <span itemprop="tel">206-555-1234</span>.<a href="http://www.example.com" itemprop="url">http://pizza.example.com</a>.
</div>
Валидаторы микроразметки• https://webmaster.yandex.ru/microtest.xml• http://www.google.ru/webmasters/tools/richsnippets
Скорость работы сайта 17
В случае с WordPress совет использовать плагин W3 Total
Cache со следующими настройками:
General Settings:
Скорость работы сайта 18
В случае с WordPress совет использовать плагин W3 Total
Cache со следующими настройками:
Page Cache:
Скорость работы сайта 19
В случае с WordPress совет использовать плагин W3 Total
Cache со следующими настройками:
Minify: (без минификации js и css!)
Возраст сайта. Этапы индексацииВозраст сайта != возраст домена
20
Контролируйте индексацию сайта, добавляйте контент и новые страницы от индексации к индексации
Можно продвигать определенный запрос, «дооптимизировать» необходимые страницы. Должны появиться первые результаты, проанализируйте их.
Если сайт не в «бане», а количество страниц растет, должна быть неплохая отдача.
Если сайт себя «хорошо вел» весь год, то все фильтры снимаются, все зависит только от Вас.
Первая индексация
3 месяца в индексе
6 месяцев в индексе
Год успешной индексации
Если Ваш сайт уже индексируется больше 3 месяцев или, еще лучше, больше года, Вам достаточно лишь дооптимизировать его и ждать переиндексации.
Дополнительные тулзы: ЧПУ 21
ЧПУ = ЧеловекоПонятныйУрл
НЕ ЧПУ: http://tvrain.ru/true.php?id=100500
ЧПУ: http://1tv.ru/v-rossi-vse-horosho/krimnashWordPress: Настройки -> Постоянные ссылки
Для транслита ЧПУ в latinskiy-translit: плагин Cyr to Lat enhanced
Если у Вас сайт на WordPress без ЧПУ и сайт проиндексирован, чтобы правильно указать ПС на перевод на другой адрес, воспользуйтесь плагином Eggplant 301 Redirects
Meta-тэги 22
Meta-тэг descriptionДанный тег используется при создании краткого описания страницы, используется поисковыми системами для индексации, а также при создании аннотации в выдаче по запросу. При отсутствии тега поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова. Отображается после ссылки при поиске страниц в поисковике.
<meta name="description" content=«Описание" />
Не более 150 символов. Учитывается при индексировании в Google
https://ru.wikipedia.org/wiki/Метатеги
Инструменты поисковых систем 23
Яндексhttps://webmaster.yandex.ru/
Googlehttps://www.google.com/webmasters/tools/
С помощью консолей инструментов поисковых систем Вы сможете увидеть:
- Статистика заходов роботов ПС на сайт- Количество проиндексированных страниц- Статистика поисковых запросов и заходов по ним- Задавать регион сайта- Удалять ненужные УРЛы из индекса ПС- Многое другое
В случае с Google Вы сможете связать аккаунт Google Webmaster Tools и Google Analytics
Тэг title 24
Данный тэг имеет очень важное значение при ранжировании. Рекомендуется вставлять в
него ключевые слова, описывающие страницу или же частично дублировать в него
контент из тэга <h1> на странице.
<title>Долгожданное признание: Танзания назвала Россию сверхдержавой - Политика, В мире - МК</title>
Максимальная длина тэга title 70 символов
Файл sitemap.xml 25
Это вспомогательный файл для поисковых систем, из него они узнают о списке
существующих страниц на сайте (тех что необходимо индексировать), частоте
обновления информации, какие страницы наиболее важны при индексировании. Если
страница есть в sitemap.xml но запрещена к индексированию в robots.txt – приоритет имеет
robots.txt.
Как его предоставить поисковику?1. В Webmaster Tools есть опция добавления sitemap.xml2. В robots.txt можно указать его месторасположение
Как его сформировать?1. Вручную, просто забив урл сайта тут: https://www.xml-sitemaps.com/ а затем загрузить файл на сайт2. У WordPress есть плагины, которые делают это автоматически
Подробнее:1. http://help.yandex.ru/webmaster/indexing-options/sitemap.xml2. https://ru.wikipedia.org/wiki/Sitemaps3. http://www.sitemaps.org/ru/protocol.html4. https://support.google.com/webmasters/answer/156184?hl=ru
SEO для WordPress 26
Плагин WordPress SEO by YOASThttps://wordpress.org/plugins/wordpress-seo/
Возможности:• Редактирование meta description для каждой страницы WordPress с учетом
количества символов• «Хлебные крошки»
• Настройка индексации отдельных страниц
• Создание sitemap.xml
• Интеграция с социальными сервисами
• Редактирование мета-тэга title для каждой страницы с учетом количества символов
• Интеграция сайта в инструменты вебмастера Google, Яндекс, Bing
• Оценка SEO-оптимизированности контента под определенное ключевое слово
«Хлебные крошки» в WordPress 27
http://dimox.name/wordpress-breadcrumbs-without-a-plugin/Использует RDFa
«Быстрые ссылки» 28
http://help.yandex.ru/webmaster/search-results/quick-links.xmlhttps://support.google.com/webmasters/answer/47334
1. Наличие страницы и ее названия в «хлебных крошках»2. Ссылка на странице с ее названием в навигационном меню3. Название из ссылки должно включаться в тэг <title> данной страницы4. Название из ссылки должно включаться в тэг <h1> данной страницы
Полезные инструменты в оценке положения сайта29
http://www.cy-pr.com/ - оценка сайта с точки зрения внешних показателей
https://toolsion.com/ru - анализ внутренних факторов
http://wordstat.yandex.ru/ - подбор ключевых слов (статистика запросов в Яндекс)