Полное руководство по SEO
Поисковые системы позволяют пользователям искать именно тот термин, который им нужен, и возвращают список лучших страниц веб-сайта, связанных с этим поиском.
Обратите внимание на лучшую часть, поскольку большинство поисковых систем используют принцип, называемый ранжированием, который позволяет определить наилучшие результаты для конкретного поискового запроса.
Рейтинг в поисковых системах рассчитывается с использованием специальных алгоритмов и машинного обучения, но никто точно не знает, какие параметры они используют, и раскрывать их было бы не в интересах поисковой системы, плюс Алгоритмы постоянно обновляются для предотвращения эксплойтов и дальнейшего улучшения пользовательского опыта.
Существует множество рекомендаций и лучших практик, которые помогут вам оптимизировать ваш сайт и его контент, чтобы повысить рейтинг в поисковых системах. Этот процесс называется SEO.
SEO означает Поисковая оптимизация и представляет собой процесс оптимизации содержания веб-сайта и его технических аспектов для улучшения присутствия сайта в поисковых системах.
SEO состоит из различных подтипов: Внутреннее SEO, Внестраничное SEO и Техническое SEO..
Общие рекомендации по SEO:
- Используйте релевантные ключевые слова
- Разработайте веб-сайт таким образом, чтобы стимулировать клики.
- Создавайте полезный контент, который продвигает ссылки на сайт.
- Добавьте сайт в консоль поиска Google
- Используйте заголовок HTML, метаописание и метатеги ключевых слов.
- Используйте канонические ссылки
- Добавьте атрибут alt к изображениям
- Улучшить скорость загрузки страницы
- Имейте 'sitemap.xml' на месте
- Внедрить разметку 'schema.org'
SEO на странице
Внутреннее SEO — это процесс оптимизации контента сайта, который обычно представляет собой текст и изображения.
Важными частями SEO на странице являются исследование ключевых слов и вовлечение на сайт.
Исследование ключевых слов
Исследование ключевых слов — это процесс поиска слов и фраз, которые ваша целевая аудитория с наибольшей вероятностью будет искать, а затем создание контента сайта на основе этих ключевых слов.
В идеале вам следует сосредоточиться на создании контента, который отвечает на вопросы в тех областях, в которых вы наиболее разбираетесь, чтобы вы могли предоставить наилучший ответ/решение.
Взаимодействие с веб-сайтом
Хорошим индикатором вовлеченности веб-сайта является показатель отказов в Google Analytics.
Показатель отказов — это значение, которое представляет собой процент пользователей, покинувших сайт после просмотра только одной страницы. Он может варьироваться от 0%, что означает, что все посетители просмотрели более 1 страницы за сеанс, и 100%, что означает, что все посетители просмотрели только одну страницу перед тем, как покинуть сайт. Чем ниже показатель отказов, тем лучше.
Улучшение дизайна веб-сайта и структуры контента является важным шагом для снижения показателя отказов.
Внестраничное SEO
Внестраничное SEO — это процесс оптимизации внешнего присутствия сайта, при этом наиболее важной частью такого SEO является количество внешних ссылок.
Внешние ссылки
Внешние ссылки — это ссылки, размещенные на других сайтах и ведущие на любую страницу вашего сайта.
Существует четыре типа внешних ссылок (одна ссылка может иметь несколько типов): 'dofollow', 'nofollow', 'ugc' и 'sponsored'..
- 'Dofollow' — это ссылка, которая не имеет атрибута rel="(nofollow, UGC или спонсируемый)" и представляет собой тип ссылки, который исторически чаще всего использовался поисковыми системами при расчете рейтинга страницы.
- 'Nofollow' это ссылка с атрибутом rel="nofollow", который предписывает поисковым системам не переходить по ссылке при индексировании, но на сегодняшний день Google (и, возможно, другие поисковые системы) могут использовать этот тип ссылки в качестве "hint" для ранжирования.
- 'Ugc' — это ссылка с атрибутом rel="UGC", который позволяет разработчикам уведомлять поисковые системы о том, что конкретная ссылка получена из пользовательского контента (например, комментариев, сообщений на форуме, обзоров и т. д.).
- 'Sponsored' представляет собой ссылку с атрибутом rel="sponsored" и подходит для рекламных ссылок или ссылок, являющихся частью платной рекламы.
Консоль поиска Google
Один из способов мониторинга SEO за пределами страницы — добавление веб-сайта в консоль поиска Google.
Google Search Console — это аналитическая служба, которая позволяет владельцам веб-сайтов отслеживать эффективность поиска в Google.
Чтобы добавить веб-сайт в консоль поиска Google, перейдите на страницу консоли и нажмите "Add property".
ПРИМЕЧАНИЕ. Вам необходимо подтвердить, что вы являетесь владельцем сайта, либо добавив специальную запись DNS (предоставленную Google) в домен сайта, либо просто внедрив Google Analytics на свой веб-сайт.
После добавления сайта появление данных может занять несколько дней (или несколько недель), в зависимости от текущей посещаемости сайта, после этого вы можете начать отслеживать внешние ссылки сайта, его рейтинг, ключевые слова для поиска, клики., впечатления и т. д.
Чтобы отслеживать, кто ссылается на ваш сайт, нажмите кнопку 'Links' в Google Search Console, затем в разделе «Внешние ссылки» нажмите 'MORE'.
Чтобы попросить Google проиндексировать определенную страницу раньше, скопируйте ссылку, которую вы хотите проиндексировать, затем вставьте ее в поле URL-адреса в консоли поиска Google, затем нажмите 'REQUEST INDEXING'.
Техническое SEO
Техническое SEO относится ко всему, что связано с оптимизацией внешнего кода и внутреннего сервера, с основной целью облегчить процесс сканирования для поисковых роботов, тем самым повышая шансы на более высокий рейтинг.
Паук поисковой системы — это тип бота, который используется поисковыми системами, которые бродят по Интернету и загружают содержимое страниц для последующего использования для индексации и ранжирования.
Важными частями технического SEO являются заголовок, мета-описание, мета-ключевые слова, каноническая ссылка, альтернативный тег изображений, скорость страницы, 'sitemap.xml' и разметка 'Schema.org' (также известная как схема).
Заголовок, метаописание, метаключевые слова
Заголовок, метаописание и метаключевые слова — это специальные HTML-теги, которые используются для определения заголовка, описания и ключевых слов страницы и размещаются внутри раздела <HEAD></HEAD>.
Все веб-сайты должны иметь правильный заголовок, метаописание и метатеги ключевых слов внутри тега <HEAD></HEAD>.
Для заголовка страницы рекомендуется использовать следующую структуру: (НАЗВАНИЕ СТРАНИЦЫ) (РАЗДЕЛИТЕЛЬ: '-', '|' и т. д.) (ИМЯ ВЕБ-САЙТА) или просто название веб-сайта плюс описание, если это домашняя страница..
Мета-описание должно содержать краткое описание страницы, до 160 символов. Кроме того, поисковые системы иногда могут игнорировать его и вместо этого использовать содержимое страницы, но всегда полезно иметь описание.
Мета-ключевые слова должны содержать список слов, которые относятся к содержимому страницы, разделенные запятой.
Ниже приведен пример HTML-заголовка, метаописания и метаключевых слов внутри тега HEAD:
<head>
<title>Title | Website</title>
<meta name="description" content="This is the page meta description.">
<meta name="keywords" content="word1,word2,two words,word4">
</head>
Каноническая ссылка
Каноническая ссылка — это HTML-тег, который размещается внутри <HEAD></HEAD> и позволяет веб-мастерам сообщать поисковым системам основной (или предпочтительный) URL-адрес страницы.
Канонические ссылки важны для предотвращения дублирования контента в случае, если к одной и той же странице можно получить доступ с разных URL-адресов (например, когда страница имеет версию для мобильных устройств и компьютеров), а также важны для улучшения SEO страницы.
Пример тега канонической ссылки:
<link rel="canonical" href="https://example.com/page-main-url" />
Если у канонической страницы есть мобильный вариант, добавьте к ней ссылку rel="alternate", указывающую на мобильную версию страницы:
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-main-url" />
Alt-тег изображений
Альтернативный текст изображения (или альтернативный текст) — это атрибут HTML, который можно добавить к тегам IMG и который используется для описания того, что показано на изображении или что представляет собой изображение.
Вам следует включить краткое описание изображения в тег 'IMG', используя атрибут 'ALT', чтобы поисковые системы могли понять содержание. изображения и улучшить рейтинг.
Пример тега 'IMG' с атрибутом 'ALT':
<img src="image_url_here" alt="Image description here.">
Скорость страницы
Скорость загрузки страницы — одна из наиболее важных составляющих технического SEO.
Веб-сайт, который загружается быстро, не только облегчит сканирование поисковыми системами, но и улучшит взаимодействие с пользователем, что является важным фактором для ранжирования.
Отличный способ измерить скорость веб-сайта — зайти в Google PageSpeed Insights и ввести URL-адрес, который вы хотите протестировать.
После завершения теста скорости вам будет представлен общий показатель скорости и различные показатели, указывающие скорость загрузки страницы как на мобильном, так и на настольном компьютере.
В идеале вам следует стремиться к показателю скорости более 90 % и исправить все возможные предупреждения.
Часто работа веб-сайта работает медленно из-за загрузки слишком большого количества файлов JS, CSS или изображений (на стороне клиента) или из-за медленного ответа сервера (на стороне сервера).
Один из способов улучшить скорость загрузки — настроить AMP (ускоренные мобильные страницы), который позволяет Google и другим крупным поисковым системам обслуживать контент сайта со своих собственных серверов, значительно повышая скорость загрузки.
Однако вначале, возможно, имеет смысл оптимизировать сайт напрямую, прежде чем рассматривать AMP.
'Sitemap.xml'
'Sitemap.xml' — это файл в формате XML, содержащий ссылки на страницы, доступные для сканирования, и, при необходимости, даты последнего изменения каждой страницы.
Google и другие поисковые системы используют 'sitemap.xml' в качестве ориентира для быстрого обнаружения новых страниц на сайте.
Sitemap.xml должен быть структурирован так же, как показано ниже, и файл должен располагаться на самом верхнем уровне после домена сайта (например, 'website.com/sitemap.xml'). Альтернативно, если файл расположен по другому пути, вы можете вручную отправьте его в консоль поиска Google.
Чтобы отправить 'sitemap.xml' (также известный как карта сайта) в консоль поиска Google, перейдите в меню «Карты сайта» -> «Добавить новую карту сайта» -> вставьте URL-адрес карты сайта. После добавления карты сайта Google будет периодически сканировать ее на наличие новых страниц или обновлений, тем самым ускоряя процесс сканирования.
Пример 'sitemap.xml':
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/foo.html</loc>
<lastmod>2018-06-04</lastmod>
</url>
</urlset>
'Schema.org'
'Schema.org' (также известная как Схема) — это синтаксис, созданный для содействия структурированию данных и активно используемый Google и другими поисковыми системами при генерировании результатов поиска.
Внедрение структурированных данных на ваш веб-сайт может оказать большое влияние на рейтинг и рейтинг кликов, поскольку позволяет вам настроить внешний вид веб-сайта при поиске, помогая ему выделиться.
'Schema.org' синтаксис можно добавить встроенным или внутри тега <script type="application/ld+json"></script> внутри раздела HEAD.
Пример синтаксиса 'schema.org' внутри тега 'SCRIPT':
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"@id": "https://somewebsite.com/#website",
"inLanguage": "en-US",
"name": "Some Website",
"image": "https://somewebsite.com/website_logo_image.png",
"url": "https://somewebsite.com",
"alternateName": "Some Website Alt",
"publisher": { "@type": "Organization", "name": "Some Organization", "@id": "https://somewebsite.com", "logo": { "@type": "ImageObject", "url": "https://somewebsite.com/organization_logo_image.png" } },
"potentialAction": {
"@type": "SearchAction",
"target": "https://somewebsite.com/search/{search_term_string}",
"query-input": "required name=search_term_string"
},
"sameAs": [
"social_media_url_1",
"social_media_url_2"
]
}
</script>
Узнайте больше о 'schema.org': 'Schema.org'
Для отладки реализации 'schema.org' вы можете использовать инструмент тестирования расширенных результатов Google: Инструмент тестирования расширенных результатов Google.