50 руководств по SEO-оптимизации. Часть №2

9. ОПРЕДЕЛИТЕ СВОИ РАЗМЕРЫ

Если вы используете AMP или PWA, вам необходимо указать размеры изображения в исходном коде.

Однако, если вы их не используете, лучше всего определить ширину и высоту. Это обеспечивает качественное отображение изображения.

Кроме того, это позволяет браузерам изменять размер изображения до загрузки CSS.

Атрибуты размеров изображения также важны для предотвращения проблем с кумулятивным сдвигом макета (CLS), которые могут помешать вашей оптимизации Core Web Vitals.

Ключевым моментом является включение атрибутов ширины и высоты для каждого элемента изображения и видео.

Это сообщает браузеру, сколько места следует выделить для ресурса, и предотвращает раздражающее смещение содержимого, которое снижает вашу оценку CLS. Узнайте больше можете в руководстве «Оптимизация совокупного сдвига макета».

10. СТРУКТУРИРОВАННЫЕ ДАННЫЕ ИЗОБРАЖЕНИЯ

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

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

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

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

11. СДЕЛАЙТЕ ИЗОБРАЖЕНИЯ УДОБНЫМИ ДЛЯ МОБИЛЬНЫХ ГАДЖЕТОВ

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

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

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

Mozilla предлагает всеобъемлющую на использование srcset и sizes атрибуты для обеспечения браузер дополнительных исходных изображений, позволяя отображать идентичное содержание изображения с измененным размером для данного устройства.

Важно отформатировать это с другой частью значения атрибута в каждой строке, как показано в этом примере из их ресурса:

<img srcset="elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w» sizes=» (max-width: 600px) 480px, 800px» src="elva-fairy-800w.jpg» alt=«Elva dressed as a fairy»>

Узнайте больше об использовании srcset для адаптивных изображений; на официальном сайте компании.

12. ДОБАВЬТЕ ИЗОБРАЖЕНИЯ В СВОЙ ФАЙЛ SITEMAP

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

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

Если вы используете WordPress, Yoast предлагает решение для карты сайта в своем плагине.

ОПТИМИЗАЦИЯ ТЕСТА НА СКОРОСТЬ

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

– WebPageTest

– Pingdom

– GTmetrix

– WebWait

– Google PageSpeed Insights

ПОНИЖАЕТСЯ РЕЙТИНГ СТРАНИЦЫ, ЕСЛИ

– Большое количество графических ссылок для навигации на сайте.

– Избегайте файлы изображения называть так: “image1.jpg», “pic.gif», “1.jpg»

– Затрудняют индексацию длинные имена файлов, например, moi_dgugany_po_universitetu_2014_goda.jpg. Пробелы в именах файлов, и написание имен файлов кириллицей – не допустимо.

– Не допустимо в атрибутах alt и title писать длинные предложения, и с избытком использовать ключевые слова.

– Для навигации по сайту использовать только графические объекты.

КЛЮЧЕВЫЕ ВЫВОДЫ ПО ОПТИМИЗАЦИИ ИЗОБРАЖЕНИЙ

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

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

ДРУГИЕ ВАЖНЫЕ ВЫВОДЫ

Выберите правильный формат файла.

Уменьшите размер файла для более быстрой загрузки страницы.

Убедитесь, что ваши SEO-элементы на странице (метаданные, структурированные данные и т. д.) сочетаются с вашим изображением.

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

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

Удачной оптимизации!

§27. ОПТИМИЗАЦИЯ OnPage и ОПТИМИЗАЦИЯ на МЕСТЕ

Иногда кажется, что ключевые слова – это единственное, что связано с оптимизацией OnPage. Но так ли это на самом деле?

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

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

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

План руководства оптимизации OnPage:

⋗ Что такое оптимизация OnPage?

⋗ Каковы преимущества оптимизации OnPage?

⋗ Меры по оптимизации на месте

⋗ Меры по оптимизации OnPage

⋗ Инструменты оптимизации на месте и на странице

⋗ Ваш контрольный список для оптимизации OnPage

Прежде чем мы действительно начнём, вы должны знать: да, оптимизация OnSite и OnPage сначала выглядят как работа, и это так.

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

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

Все, что вам нужно знать о внешних ссылках, можно найти в нашем руководстве по обратным ссылкам!

ЧТО ТАКОЕ ОПТИМИЗАЦИЯ ONPAGE?

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

Это включает в себя технические, структурные и связанные с контентом элементы, такие как:

– Информационная структура / Архитектура сайта

– SEO-дружественные URL-адреса

– Внутренние ссылки

– Файлы Sitemap

– Производительность

– Управление URL-адресами

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

– Удобство использования как часть пользовательского опыта

– Высококачественный, актуальный и комплексный контент

– Творческое использование различных медиа, таких как изображения и видео.

Если брать это очень точно, оптимизация OnPage вращается вокруг оптимизации отдельных страниц. Все меры, которые влияют на весь сайт, должны фактически называться оптимизацией OnSite. Соответственно, это руководство также структурировано.

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

Оптимизация Off- и OnPage определенно связаны. Поэтому вопрос о том, что делать в первую очередь, несколько не корректен.

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

КАКОВЫ ПРЕИМУЩЕСТВА ОПТИМИЗАЦИИ ONPAGE?

Каково значение оптимизации OnSite и OnPage для алгоритма Google?

Оптимизация OnPage является основой всех ваших усилий по привлечению большего трафика из Google. Если все сделано правильно, это гарантирует, что ваш сайт легко доступен для Google (сканируемость и индексируемость) и прост для понимания как поисковым системам, так и пользователям.

Мне нравится объяснять этого выражением одного из экспертов поисковой оптимизации:

«Оптимизация OnPage – это лезвие, которое вы затачиваете, а оптимизация OffPage – это сила, с которой вы режете».

МЕРЫ ПО ОПТИМИЗАЦИИ НА МЕСТЕ

И это делает его невероятно практичным. Объясню, как построить свой сайт таким образом, чтобы Google и пользователи любили его, он генерировал трафик, а ваши коэффициенты конверсии стремительно стали расти.

ОБХОДИМОСТЬ И ИНДЕКСИРУЕМОСТЬ

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

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

СКАНИРОВАНИЕ СТРАНИЦЫ

Установите соответствующий тег Meta Robots, в противном случае поисковые роботы не найдёт возможность индексировать вашу страницу. А без разрешённого сканирования или индексации ранжирование невозможно. По этой причине вы должны внимательно взглянуть на robots. txt, а также теги мета-роботов. Лучший способ сделать это – использовать Google Search Console.

Карта сайта

Кроме того, все важные и индексируемые URL-адреса должны присутствовать в карте сайта вашего сайта. Что такое карта сайта? Сам Google предоставляет информацию:

«Карта сайта – это файл, в котором вы предоставляете информацию о страницах, видео и других файлах на вашем сайте, а также о связях между этими файлами. Поисковые системы, такие как Google, читают этот файл, чтобы сканировать ваш сайт более точно».

Проще говоря, это означает:

В этом файле вы создаёте всю информацию, которая сообщает Google, где найти все и когда URL-адреса были в последний раз обновлены.

Индексирование сайта

Но как узнать, что все было проиндексировано Google?

Просто введя соответствующий URL-адрес в поиске Google. Он есть? Отлично.

Ещё точнее:

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

URL-адрес не индексируется?

Затем вы должны перейти к устранению неполадок. Вполне вероятно, что присутствует одна из распространённых следующих проблем:

– noindex: роботу Googlebot было дано указание не индексировать страницу или URL.

– Запретить: в. txt роботов URL-адрес или каталог были исключены.

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

– Цепочки перенаправления: робот Googlebot следует только за цепочками пересылки до пяти переходов.

Руководство по специальным возможностям веб-контента (WCAG)

WCAG – Web Content Accessibility Guidelines. Рекомендации по обеспечению доступности веб-контента являются частью серии рекомендаций по обеспечению доступности веб-ресурсов, опубликованных Инициативой веб-доступности Консорциума World Wide Web, главной международной организации по стандартизации Интернета.

Тем не менее, стоит взглянуть на WCAG, потому что руководство содержит стандарты для веб-сектора. Они часто, но не всегда, имеют технический характер. Мобильная доступность (важная не позднее, чем с момента индекса Google Mobile First) также рассматривается.

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

SEO-ДРУЖЕСТВЕННЫЕ URL-АДРЕСА

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

Некоторые применяют аналогичный принцип к URL-адресу. Таким образом, вы внезапно приходите к URL с 10—15 словами – бесконечно длинными и довольно спамным.

Сам Google говорит, что слова в конце URL просто менее взвешены. Поэтому мы рекомендуем создавать короткие, говорящие и иерархические URL-адреса.

Внимание: Ваше основное ключевое слово должно появиться в URL.

Кстати, основная причина создание человек понятных URL-адресов заключается в том, что они…

– Доносят пользователям ценную информацию о странице, стоящей за ней,

– легче запоминаются,

– ими чаще делятся.

Кроме того, блогеры или на форумах любят ссылаться на «голый» URL. Поэтому, если ваш URL содержит основное ключевое слово, вы автоматически получите релевантный якорный текст с такой ссылкой.

Наши лучшие практики для SEO-дружественных URL-адресов:

– как можно короче

– говорить, т.е. осмысленно,

– показывать иерархическое структурирование,

– содержат ключевое слово

– не содержит бессмысленных слов,

– слова разделяются на «-», а не «_»

– нет наполнения ключевыми словами в URL (или в другом месте!)

СТРУКТУРИРОВАННЫЕ ДАННЫЕ

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

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

В зависимости от ниши и поискового запроса Google даже предоставляет расширенные фрагменты из структурированных данных.

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

В зависимости от отрасли важны и другие наценки:

– Местные компании: если вы предлагаете свои услуги только в определенных местах компании, важно включить структурированные данные в соответствии со схемой «Местный бизнес» на свой веб-сайт.

– Интернет-магазины: как администратор компании электронной коммерции, вы обязательно должны интегрировать структурированные данные по схеме «Товар» на всех товарных страницах вашего магазина. Если вы готовите контент, такой как отзывы пользователей, цена или текущий уровень акций для Google понятным образом, поисковая система обычно вознаграждает вас привлекательными богатыми фрагментами.

– Блоггеры и новостные страницы: Компании, которые регулярно публикуют новостной контент на своём сайте, обязательно должны расширить весь свой контент по схеме «NewsArticle». Это позволяет статьям появляться в специальных блоках «заголовков» в результатах поиска.

СНАЧАЛА МОБИЛЬНЫЙ

Этот лозунг хорошо известен, часто цитируется – и быстро забывается. Если вы все ещё находитесь в зачаточном виде с оптимизацией OnSite, вы просто обязаны сначала подумать об оптимизации сайта под смартфоны, потому что это сэкономит вам раздражающую и трудоёмкую «работу по увеличению конверсии» позже. И не забывайте, что сейчас поисковики для индексации берут мобильную версию сайта, и всё ранжирование начинается с индексации мобильной версии сайта.

С сентября 2020 года Google использует Mobile First Indexing для всего Интернета. Повторюсь:

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

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

БЫСТРАЯ СКОРОСТЬ ЗАГРУЗКИ

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

По сути, скорость загрузки – это сигнал ранжирования, подтверждённый Google.

С помощью нескольких ухищрений и трюков ваш сайт будет занимать высокие места в результатах поиска. Обязательное условие для этого: Вы выбираете надёжный хостинг, который вас не подведёт.

Другие советы по успеху в тесте PageSpeed вашей Страницы включают в себя:

– Включить http/2

– Приоритизация видимого контента

– Минифект CSS и JS

– Сжатие изображений

– Сокращение внутренних перенаправлений 301

– Быстрая загрузка

– Используйте CDN (сеть доставки контента), если вы путешествуете за город.

Лучший способ узнать с помощью WebPageTest и Google PageSpeed Insights – это какие слабые места вашей страницы, и начать именно там. К сожалению, не существует универсального ответа.

AMP от Google Accelerated Mobile Pages – технология ускоренных мобильных страниц с открытым исходным кодом. Она позволяет при низкой скорости сети выполнить оперативную загрузку веб-страниц. Создана компанией Google в 2015 году.

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

TTFB – Time to first byte. Время до первого байта – это измерение, используемое в качестве индикатора скорости отклика веб-сервера или другого сетевого ресурса. TTFB измеряет продолжительность от пользователя или клиента, отправляющего HTTP-запрос, до первого байта страницы, получаемой браузером клиента.

На практике мы снова и снова сталкиваемся с теми же двумя проблемами в связи с плохим TTFB:

– Неправильное расположение сервера: если ваш сервер находится в США, и все ваши клиенты из России, вы сделали что-то не так. Расположение вашего сервера всегда должно быть как можно ближе к вашим посетителям.

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

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

HTTPS И SSL ДЛЯ БОЛЬШЕЙ БЕЗОПАСНОСТИ

Переход на HTTPS должен быть сделан давно. Google здесь сильно отстаёт, потому что безопасность создаёт доверие.

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

МЕРЫ ПО ОПТИМИЗАЦИИ ONPAGE

В этой главе мы занимаемся оптимизацией отдельных страниц, то есть оптимизацией OnPage.

ФРАГМЕНТЫ GOOGLE

Фрагмент кода Google состоит из тега заголовка, мета-описания и URL-адреса страницы.

Этот означает не что иное, как представление вашего веб-сайта на страницах результатов поиска (SERP).

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

Тег заголовка является наиболее важным фактором ранжирования при оптимизации OnPage.

Главное ключевое слово обязательно должно быть найдено в теге заголовка.

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

Мета-описание также должно содержать главное ключевое слово.

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

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

Выражаясь как можно более содержательно и захватывающе: это рецепт успеха. Идеальная длина мета-описания составляет от 140 до 155 символов. Но т. к. Поисковики сохраняют тег заголовка и мета-описания не в буквах, а в количестве пикселей, то на русском языке за счёт длинный букв как Ш, Щ. Ж, Ю, Ы, Ф (сравните с латинскими буквами t, i, f, l) количество букв в тексте должно быть меньше.

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