Поисковое продвижение сайта: введение в техническую и внутреннюю оптимизацию

Дата обновления статьи: Воскресенье, 08 ноября, 2020 в 17:11

SEO (search engine optimization) состоит из двух базовых направлений: внутренняя оптимизация и внешняя оптимизация. Сегодня поговорим о первом.

Внутренняя оптимизация сайта (on-site SEO или on-page SEO) – это специальный комплекс работ по улучшению качества сайта по всем фронтам для успешного его продвижения в поисковых системах.

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

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

Чистый и правильный код сайта

Любой сайт в сети интернет состоит из специального набора кода, а именно:

1. HTML код (HyperText Markup Language — «язык гипертекстовой разметки»)
2. CSS код (Cascading Style Sheets — каскадные таблицы стилей)
3. JavaScript, PHP и другие языки программирования

HTML отвечает за фундамент сайта и именно из него состоят все части страниц сайта. Это как материалы для строительства дома. CSS отвечает за внешнее оформление любого сайта. При помощи HTML вы говорите, что на странице должно находиться, а при помощи CSS говорите, как это всё должно выглядеть и как располагаться. JavaScript, PHP и другие языки программирования отвечают за функциональность сайта. При помощи них можно придумать и написать любую функцию, которой потом будут пользоваться пользователи/посетители.

HTML, CSS, JavaScript, PHP имеют свои законы и правила, которые установлены консорциумом всемирной паутины (World Wide Web Consortium) при поддержке разработчиков всего мира. Данные законы и правила всегда совершенствуются с момента их появления. И чтобы сайт хорошо продвигался необходимо, чтобы весь код был чистым и валидным исходя из всех этих правил и законов.

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

Адаптивная вёрстка

Все страницы сайта должны правильно отображаться на любых устройствах: персональный компьютер (ПК), смартфон (мобильный телефон), планшет и ноутбук.

Раньше очень популярно было использовать мобильную версию сайта. Когда человек заходил на сайт с телефона, то сайт полностью перестраивался под нужное разрешение (размер) экрана. Однако у такого варианта есть некоторые недостатки. Например, ваш ресурс доступен по адресу www.example.com, но когда на него заходят с телефона, то адрес меняется и становится www.m.example.com

Как видите, адрес уже немного другой, а для поисковых систем это уже два разных адреса и два разных сайта. К тому же, при внесении изменений (добавление статьи или товара) в обычную версию сайта www.example.com изменения для мобильной версии www.m.example.com не появятся. Для этого нужно отдельно заходить в мобильную версию и там вносить все необходимые изменения.

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

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

Адаптивный дизайн (вёрстка) – это конфигурация, при которой все страницы сайта способны адаптироваться под любое устройство и под любой размер экрана. При этом URL адрес страниц остаётся единым.

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

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

Файл robots.txt

Файл robots.txt – это текстовый файл, в котором содержится ряд правил (директив), информирующих поисковых роботов, что необходимо индексировать (сканировать) на вашем сайте.

Данный файл имеет огромное значение, и он должен присутствовать на любом сайте. Чтобы поисковая выдача по вашему сайту была как можно чище и более правильной необходимо очень грамотно настроить robots.txt

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

Для каждого сайта файл robots.txt настраивается индивидуально. А процесс настройки файла может продолжаться долгие месяцы, так как после настройки нужно подождать результатов индексации сайта и вносить конкретные корректировки.

После создания и настройки файла его лучше всего поместить в каталог верхнего уровня (корневая папка) на сервере, чтобы он открывался по следующему адресу: www.site.ru/robots.txt

Вот пример простого файла robots.txt с одним правилом:

Пояснения:

User-agent – указывает на робота, для которого действуют перечисленные в robots.txt правила. Значок * обозначает, что правила относятся для всех поисковых роботов в интернете. Чтобы задать правила для конкретного робота определённой поисковой системы, нужно использовать другие обозначения

Googlebot – для робота Google

Yandex – для робота Яндекса

Allow – указывает на разрешение к индексации чего-либо

/images – указывает на папку с изображениями на сервере

Sitemap – указывает на путь к вашей карте сайта в формате XML (о карте XML поговорим далее)

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

В общих чертах о данном файле можно почитать в официальных справочных центрах Google и Яндекса

Карта сайта в формате XML и HTML

Карта сайта бывает двух видов: XML и HTML

Карта сайта XML или sitemap.xml – это файл, который помогает поисковым системам Google, Яндекс, Yahoo и Bing находить, сканировать и индексировать весь контент и все страницы вашего сайта. Данный файл также сообщает поисковым системам, какие страницы вашего сайта наиболее важны.

Карта XML, как и robots.txt должна быть загружена в главную директорию (папку, каталог) вашего сайта на сервере и открываться по адресу: www.example.com/sitemap.xml

Ссылка на неё должна находиться в файле robots.txt

Составить sitemap.xml можно различными способами, как с помощью готовых решений (для сайтов, работающих на специальных движках), либо полностью вручную.

Пример простой карты:

В общих чертах о данном файле можно почитать в официальных справочных центрах Google и Яндекса

Теперь поговорим о другой версии карты сайта

Если sitemap.xml это файл, который больше нужен поисковым роботам, то карта сайта в формате HTML больше предназначена для людей (пользователей, посетителей)

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

Карта сайта XML и HTML нуждается в регулярном обновлении.

Скорость загрузки страниц сайта

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

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

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

Это одна из причин, по которой Google сделал скорость страницы важным фактором ранжирования ещё в далёком в 2010 году и по сегодняшний день всё так и остаётся.

Проверить скорость своего сайта можно с помощью инструмента PageSpeed Insights от Google.

Оптимизация скорости загрузки страниц очень сложный процесс. Пример некоторых мероприятий для ускорения сайта:

1. Валидная и правильная структура кода
2. Сжатие размера CSS, JavaScript, HTML кода с помощью минификации
3. Настройка кэширования
4. Уменьшение веса графических элементов (изображений)
5. Выбор хорошего хостинг-провайдера (сервера)

Поисковая система Яндекс также рекомендует увеличить скорость сайта, что повысить общий рейтинг.

404 страница

404 страница или «404 Not Found» («не найдено») — стандартизированный код ответа HTTP, который отправляется с сервера на запрос пользователя (клиента) и информирует о том, что страница не найдена. Ошибку 404 не стоит путать с ошибкой «Сервер не найден» или иными ошибками, которые показывают на ограничение доступа к серверу.

Основные причины такой ситуации, следующие:

1. Страница сайта с контентом была полностью удалена
2. URL адрес или его контент были перемещены и теперь доступны по другому адресу
3. URL адрес страницы введен неправильно

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

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

Официальные рекомендации по разработке 404 страницы от поисковых систем Google и Яндекс

Редиректы

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

Есть разные виды редиректов, наиболее известные среди них: 301, 302 и Meta Refresh.

301 редирект – постоянный вариант редиректа, который сообщает поисковым машинам, что URL адрес страницы изменился навсегда и теперь необходимо индексировать новый адрес, куда, собственно говоря, и происходит перенаправление.

302 – временная переадресация, которая сообщает, что страница доступна по новому адресу лишь на определённое время и скоро будет снова доступна по старому адресу.

Meta Refresh – специальный метатег, который используется для автоматической перезагрузки страниц или перенаправления пользователей с одной страницы на другую страницу спустя конкретное время. Данный тип редиректа выполняется на уровне страницы, а не на уровне сервера.

Использовать последние два варианта крайне не рекомендуется (особенно последний). Их старайтесь использовать не часто.

Самый известный и наиболее правильный вариант – 301 редирект. Его советуют использовать даже поисковые системы, а именно Google.

Простым словами, 301 редирект сообщает браузеру и поисковой машине следующую информацию: «Данная страница перемешена со старого адреса на новый адрес навсегда. Теперь новый адрес – постоянное местоположение.

Использовать 301 редирект необходимо в следующих случаях:

1. При изменении URL адреса конкретной страницы на другой (например, в целях перевода адреса в ЧПУ формат)
2. При решении сменить доменное имя или доменную зону
3. Перенаправление всего домена с префикса www на вариант без www (или наоборот)
4. Переезд на другую CMS с вариантом изменения адресов
5. Переезд сайта с протокола HTTP на защищённый протокол HTTPS

Любой сайт должен иметь главное зеркало. Главное зеркало — адрес, который участвует в результатах поиска Яндекс или Google. Информацию о главном зеркале можно прочитать в официальном справочном центре Яндекс здесь.

Изначально (без настроек) любой сайт доступен по адресу www.example.com (с www) и example.com (без www). Оставлять такой вариант не стоит, так как для поисковых систем это два абсолютно разных адреса сайта (хотя сайт один). Именно в такой ситуации проблему может решить 301 редирект. Допустим, было принято решение, что сайт должен открываться по адресу example.com, значит мы настраиваем перенаправление с адреса www.example.com

Дубли страниц (контента)

Дублированный контент – контент, который появляется в сети Интернет аналогичными или точными копиями на других веб-сайтах или на разных страницах одного и того же сайта.

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

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

Основные причины возникновения такой ситуации:

1. Префикс WWW
2. Параметры URL
3. Протокол HTTP и HTTPS
4. Слэш (/) в конце URL адреса
5. Ссылки на главную страницу с index.html или index.php

Например, адрес страницы example.com/aviacia и example.com/aviacia/ два разных адреса для поисковых машин. Это и называется дублированием контента, так как всё содержимое на странице будет доступно по разным URL адресам. Аналогично и с адресами http://example.com/aviacia и https://example.com/aviacia

Как решается подобная ситуация

Необходимо настроить главное зеркало сайта и осуществить индивидуальное перенаправление с определённых страниц. Всё это можно осуществить при помощи 301 редиректа. Главное зеркало данного сайта (на котором вы читаете эту статью) https://wwebpr.ru/

А именно: адрес, который работает на защищённом соединении HTTPS и без префикса www А внутренние страницы сайта доступны только по адресу https://wwebpr.ru/seo-search-engine-optimization

Также существует специальный тег rel="canonical" помогающий в исправлении ситуаций с дублированием контента. Подробнее про данный тег можно прочить здесь.

Официальный справочный центр Google по вопросам дублированного контента.

Семантическая разметка schema.org

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

Schema.org — это определённый стандарт семантической разметки данных в интернете, который используется Google, Bing и Yahoo с 2011 года. Основная цель заключается в том, чтобы вся информация в сети была более структурированной и понятной для поисковых систем. А следовательно они могли предоставлять в результатах поиска полную информацию.

Разметка настраивается непосредственно в HTML-коде страниц при помощи специальных атрибутов. Подробнее о структурированных данных можно почитать в официальных справочных центрах Google и Яндекс.

URL адреса страниц сайта

URL адрес – уникальный указатель на местоположение веб-страницы или файла в Интернете. Все страницы в сети, подобно жилым домам и офисам, которые имеют собственные адреса, чтобы их можно было найти в любой момент.

URL был придуман в 1990 году Тимом Бернерсом-Ли в стенах Европейского совета по ядерным исследованиям в Швейцарии и стал фундаментальной инновацией в Интернете. URL адрес состоит из различных частей. Определённые части являются обязательными. Рассмотрим самые важные составляющие на примере:

https://en.wikipedia.org/wiki/Main_Page

HTTPS – протокол соединения (в данном примере именно защищённый)

en – поддомен

wikipedia.org – доменное имя сайта

wiki/Main_Page – путь к странице

Какое значение URL имеет для SEO

URL адрес помогает информировать поисковым системам и людям предназначение страниц (её главный смысл). Желательно, чтобы адреса страниц были структурированными и понятными. Это имеет очень важное значение. Существует ряд правил и законов, по которым URL необходимо составлять, чтобы удовлетворить поисковые машины.

HTTPS протокол (SSL сертификат)

HTTPS – это протокол безопасного соединения. Благодаря данному протоколу вся информация с сервера и до пользователя передаётся по защищённому каналу, что обеспечивает дополнительную безопасность сайта и увеличивает доверие к ней со стороны людей и поисковых систем.

Раньше большинство сайтов работали по обычному протоколу HTTP. Однако последние несколько лет многие по рекомендациям поисковиков стали переходить на HTTPS. Google много раз заявлял, что сайты работающие на защищённом протоколе будут иметь больше веса и авторитетности.

Поэтому необходимо для сайта устанавливать SSL сертификат, чтобы настроить соединение по HTTPS. Это также один из важнейших факторов ранжирования сайтов в результатах поисковой выдачи.

Официальная рекомендация Яндекс.

Официальные рекомендации Google: одна рекомендация и другая рекомендация.

Семантическое ядро сайта (ключевые слова)

Семантическое ядро сайта – это упорядоченные слова или набор слов (словосочетаний), которые максимально точно характеризуют и описывают вид деятельности. Каждый коммерческий сайт в интернете продаёт определённые товары и оказывает определённые услуги и для каждого направления существуют свои уникальные ключевые слова.

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

1. строительные машины высокого качества
2. купить экскаватор
3. немецкие погрузчики

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

В начале 21 века вся оптимизация сводилась к ключевым словам. Термин SEO был равен ключевым словам. Достаточно было перечислить на странице как можно больше ключевых слов (даже не правильно) и страница автоматически попадала на первую страницу поиска.

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

Уникальные статьи (текста)

Контент (content) – содержимое страниц сайта. К контенту относится вся информация на страницах сайта, а именно: статьи, текста, изображения (картинки), файлы, видео и многое другое.

Статьи (текста) сильно выделяются среди этого списка. Ведь человечество привыкло писать и читать ещё тогда, когда не было возможности смотреть видео или изображения. Поэтому текстовое содержание для любого сайта является фундаментальным.

Самое главное правило – статьи (текста) всегда должны быть уникальные. Если картинки или видео ещё могут быть позаимствованы из других источников (хотя хорошо, когда и они уникальные), то текста обязательно нужно писать уникальные. Это ещё один важный фактор ранжирования сайтов в поисковых системах.

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

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

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

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

Мета-теги title, description и keywords

Мета-теги – фрагменты кода, которые сообщают поисковых системам и браузерам важную информацию о странице сайта. Подобные фрагменты кода находятся в структуре HTML документа. Информация, которую передают мета-теги называется «метаданные».

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

Рассмотрим такие мета-теги как Title, Description и Keywords

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

Description – тег, которые обозначает описание страницы. Данный тег также помогает понять поисковым роботам о чём конкретная страница, только в отличие от title, тег description способен более подробно описать страницу. Он отображается только в результатах поисковой выдачи.

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

Из всего списка именно мета-теги Title и Description очень важны для SEO. Необходимо их правильно составлять и использовать. Содержание этих тегов должно быть уникальное на всех страницах сайта.

Оптимизация изображений (картинок)

Изображения (картинки) – часть контента на любом сайте. Необходимо также их оптимизировать.

В Google и Яндекс есть специальный поиск по картинкам, где они ранжируются по релевантности. Чтобы по определённым ключевым словам именно картинки с конкретного сайта попадали на первые места, необходимо заполнить такие атрибуты как Alt и Title.

Атрибут Title помогает прописать заголовок для изображения. Атрибут Alt более важен для поисковых систем. Содержание данного атрибута помогает понять поисковым роботам, что именно находится на картинке. Информация, полученная из атрибута alt, используется поисковыми машинами для выдачи результатов поиска по картинкам.

Теги H1, H2, H3

В HTML существует шесть различных заголовков по степени важности, а именно: H1, H2, H3, H4, H5 и H6. Они перечислены от самого важного H1 и далее. Последние теги, как правило, используются не часто.

Наиболее распространённые теги H1, H2, H3

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

Важно правильно использовать данные теги.

Перелинковка страниц сайта

Внутренние ссылки – это ссылки, которые ведут на внутренние страницы сайта в пределах одного домена. Проще говоря, у вас есть сайт A. На вашем сайте есть страницы A1, A2 и A3. На странице A1 расположены ссылки на страницы A2 и A3. Это и называются внутренние ссылки, так как при переходе по любой из этих ссылок пользователь переходит на другую страницу, но остаётся в пределах одного и того же сайта.

В данной статье, которую вы сейчас читаете, есть подобные ссылки (они выделены другим цветом). Главное, чтобы все ссылки были логическими и имели смысловую нагрузку.

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

Правильная и грамотная перелинковка имеет много преимуществ:

1. Помогает пользователям сайта находить полезную и интересную для них информацию
2. Помогает ускорить процесс индексации сайта
3. Помогает распределить ссылочный вес страниц сайта

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

Юзабилити (usability) сайта

Юзабилити (usability) сайта – это степень удобства вашего сайта. Чтобы пользователям сайта было удобно им пользоваться, необходимо улучшить юзабилити.

Это направление включает в себя:

1. Уникальный и стильный дизайн
2. Грамотную структуру сайта
3. Коммерческие факторы

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

Итоги

Как видите, SEO – очень гибкая наука, которая включает в себя много разных направлений. Чтобы отлично разобраться в каждом направлении необходимо прочитать десятки разных статей, просмотреть много обучающих видео материалов, изучить разные источники информации (как русскоязычные, так и англоязычные), прочитать весь справочный центр поисковых систем, где собраны сотни статей и все полученные знания применить на практике при продвижении сайтов разного типа и разной тематики. И только так можно стать профессионалом в области поискового продвижения.

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

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