Полная шпаргалка по SEO для веб-разработчиков и SEO-разработчиков

Шпаргалка по SEO

Веб-разработчики обычно получают запросы на SEO и веб-разработку по частям, поскольку их коллеги отслеживают производительность сайта и отслеживают такие показатели, как органический трафик поисковых систем, показатель отказов и время загрузки страницы. Но сфера ответственности веб-команды выходит за рамки технического SEO. Такие задачи, как проверка скорости страницы или перенаправление URL-адресов, часто назначают веб-разработчикам, не объясняя, почему эти тактики необходимы для улучшения рейтинга Google или поддержки целей компании.

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

1. Скорость сайта

По данным Google, когда время загрузки веб-страницы увеличивается с одной до трех секунд, посетители на 32% чаще возвращаются к результатам поиска. Скорость страницы также является фактором ранжирования, что делает ее больше, чем просто проблемой UX.

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

2. Мобильный веб-дизайн

В 2019 году Google внедрил индексацию для мобильных устройств, которая отдает приоритет веб-сайтам, удобным для мобильных устройств, в поисковой выдаче независимо от устройства. Проверьте, как ваш сайт отображается на мобильных устройствах, с помощью инструмента Google Mobile-Friendly Test и обсудите необходимые изменения со своими веб-дизайнерами. Этот инструмент предоставляет моментальный снимок того, как отображается ваша страница, и помечает такие проблемы с удобством использования, как:

• Несовместимые плагины
• Нечитаемый текст
• Контент, который шире экрана
• Ссылки, расположенные слишком близко друг к другу

3. Коды состояния HTTP

Неработающие ссылки и сообщения об ошибках ухудшают работу пользователей и затрудняют поисковым системам сканирование и индексирование вашего веб-сайта. Быстро диагностируйте и устраняйте проблемы, отслеживая коды состояния HTTP. В противном случае страницы, возвращающие коды 4xx (кроме 429), не будут проиндексированы, а частые коды состояния HTTP 429, 500 и 503 приведут к снижению скорости сканирования.

Запустите отчет о покрытии индекса в Google Search Console в рамках технического SEO-аудита. Определите ошибки сканирования и устраните те из них, которые находятся под вашим контролем. Включите эти данные в план улучшения сайта.

4. Важные элементы HTML

HTML-элементы играют неотъемлемую роль, помогая поисковым роботам понять ваш контент, и могут повлиять на видимость в поиске. Регулярно проверяйте HTML-элементы и при необходимости оптимизируйте их для поиска. Обратите особое внимание на следующее.

Теги заголовка страницы

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

Теги заголовка

Определите иерархию информации на вашей странице с помощью тегов заголовков. Теги H1 — это основной заголовок статьи и самый важный тег заголовка для SEO. Теги от H2 до H6 используются для обозначения тем и подтем.

Мета-описания

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

Картинки

Используйте теги alt изображения для описания содержимого изображения. Помимо того, что они являются неотъемлемой частью доступности сайта, теги alt, содержащие релевантное ключевое слово, улучшают поисковую оптимизацию на странице. Изображения должны быть сжаты и иметь соответствующий размер для более быстрой загрузки.

Канонические теги

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

5. Структура сайта и страницы

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

HTML-структура

Используйте теги заголовков HTML (от H1 до H6), чтобы упорядочить каждую страницу и четко показать иерархию информации. Далее разделите контент на блоки с помощью таких тегов, как <div>, <section> или <footer>.

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

Структура URL

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

• https://victoriousseo.com/blog/category/on-page-seo/

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

перенаправление

Перенаправления помогают пользователям и сканерам поисковых систем находить искомый контент при перемещении, удалении или объединении страниц. В противном случае отсутствующая страница становится тупиковой — ошибкой 404.

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

Внутренняя ссылка

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

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

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

XML-карты сайта

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

6. Эффективное сканирование

Google дает каждому веб-сайту краулинговый бюджет, который определяет, сколько времени его боты тратят на индексацию страниц. Максимально используйте свои возможности, указав страницы, которые боты не должны сканировать или индексировать. Сведите к минимуму вероятность раздувания индекса, исключив индексирование определенных страниц. Вы можете использовать файлы robot.txt и метатеги robots, чтобы управлять тем, как робот Googlebot перемещается по вашему сайту, и обеспечить его максимально эффективное сканирование.

Файл robots.txt

Robots.txt — это файл для всего сайта, который сообщает поисковым роботам, какие страницы нужно открывать и индексировать. Используйте команду «disallow» в файле, чтобы указать URL-адреса, которые вы не хотите сканировать. Это могут быть страницы учетной записи, страницы подтверждения и версии вашего контента для печати.

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

Метатег роботов

Использование метатега robots в разделе <head> HTML-документа направляет сканеры поисковых систем на уровне страницы. Тег robots позволяет предоставить директиву для одной страницы определенному роботу поисковой системы или всем роботам сканирования.

Например, следующий тег запрещает Google перевод страницы:

• <meta name="googlebot" content="notranslate">

Найдите список метатегов роботов, которые Google распознает, в их документации Advanced SEO.

Икс-роботы

Издайте директивы для всего сайта о том, как обрабатывать файлы, отличные от HTML, с помощью X-Robots, которые позволяют вам предоставлять инструкции в заголовке ответа HTTP относительно того, что не следует индексировать. Например, вы можете заблокировать индексацию определенного изображения или файла PDF. Чтобы добавить X-Robots на свою страницу, откройте файл .php вашего веб-сайта или файлы конфигурации сервера.

Канонизация

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

Канонические теги размещаются в заголовке HTML-кода страницы и сообщают Google URL-адрес канонической версии страницы. Например:

• <link rel="canonical" href="test.com/blog/original">

Пагинация

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

• Создайте главную страницу с полным содержимым и используйте тег canonical, чтобы запросить индексирование этой страницы Google.
• Используйте теги rel=prev/next для навигации, которые являются специальными тегами разбиения на страницы. Хотя это больше не сигнал индексации, эти теги полезны для других поисковых систем и в целях обеспечения доступности в Интернете.

Наиболее распространенные пользовательские агенты

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

Например, если вы обнаружите, что пользователь (или поисковый робот) подключается к Safari на iOS, настройте свой веб-сервер на автоматическое обслуживание мобильной версии сайта, чтобы информация отображалась правильно.

7. Внешний вид контента

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

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

Теги Open Graph

Теги Open Graph управляют тем, как веб-страница отображается при просмотре в социальных сетях, таких как Facebook. Многие сторонние платформы имеют собственный набор тегов Open Graph. На веб-сайте Open Graph Protocol есть список спецификаций, используемых в протоколе.

Разметка карты Twitter

Карточки Twitter аналогичны тегам Open Graph и контролируют, как отображаются ваш заголовок, описание и изображение, когда кто-то делится вашей ссылкой в ​​твите. Существуют различные типы метатегов Twitter Card, которые вы можете добавить на свою страницу.

Структурированные данные

Чтобы помочь поисковым системам индексировать контент, SEO-программисты могут добавлять структурированные данные на страницу с помощью JSON-LD (нотация объектов JavaScript для связанных данных). Структурированные данные, также известные как схема, представляют собой стандартизированный формат для обозначения ключевых элементов контента.

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

Расширенные фрагменты

Также важно оптимизировать то, как поисковые системы отображают вашу веб-страницу в результатах поиска. Улучшите свой список SERP с помощью расширенных фрагментов, таких как изображение, предварительный просмотр видео или звездные рейтинги, чтобы сделать его более привлекательным для искателей. Используйте схему для создания расширенных фрагментов и предоставления поисковикам дополнительной информации о вашем веб-сайте прямо со страницы результатов поисковой системы.

Соберите части вашей стратегии SEO

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