Анатолий Косарев - 50 руководств по SEO-оптимизации. Часть 2 стр 5.

Шрифт
Фон

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

Все ваши основные факторы SEO на странице, такие как метаданные, теги заголовков, текст на странице, структурированные данные и т. д., влияют на то, как Google ранжирует ваши изображения.

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

Я мясоед, но если вы не едите мясо, то придумайте своё сравнение.

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 писать длинные предложения, и с избытком использовать ключевые слова.

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

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

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

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

Ваша оценка очень важна

0
Шрифт
Фон

Помогите Вашим друзьям узнать о библиотеке

Скачать книгу

Если нет возможности читать онлайн, скачайте книгу файлом для электронной книжки и читайте офлайн.

fb2.zip txt txt.zip rtf.zip a4.pdf a6.pdf mobi.prc epub ios.epub fb3