SEO изображений - Как поисковая система оптимизирует ваши фотографии

1. Изображения сохраняют пользователей
2. Размеры (разрешение по изображениям)
3. Титры (Титры)
4. Размер файла
5. Ленивая загрузка картинок
6. Все тексты
7. График оптимизации изображений
8. Получить ссылки на ваши фотографии
9. Изображение Карта сайта
10. Заголовок помечен
11. Уникальные изображения
12. Не можете сделать уникальные фотографии уникальными?

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

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

Изображения сохраняют пользователей

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

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

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

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

Размеры (разрешение по изображениям)

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

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

Другими словами, если вы хотите отобразить изображение размером 800 × 600, оно не должно быть 1680 × 1080, когда вы загружаете его на свой веб-сайт.

Титры (Титры)

Подпись - это текст, который интегрирован с изображением и который обычно отображается над или под изображением. Титры Читайте на 300% чаще обычного основного текста и поэтому должен использоваться активно.

Вы, вероятно, кусаете отметку в этом тексте, прочитайте почему ниже.

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

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

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

Форматы JPEG, PNG и GIF составляют 96% всего трафика изображений в Интернете, эти очень популярные форматы также являются теми, которые вы должны использовать на своем веб-сайте.

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

JPEG, с другой стороны, является форматом потерь, что означает, что сжатие изображений JPEG может удалить визуальные детали из изображения, с другой стороны, степень сжатия может быть в 10 раз выше, чем у GIF или PNG.

Преимущество PNG и GIF заключается в том, что вы можете работать с прозрачным фоном, поэтому у вас могут быть свободно плавающие изображения, которые вы часто используете, например, в интернет-магазинах. JPEG можно сжать больше, и поэтому его следует использовать на больших графиках, чем в формате PNG или GIF, если у вас есть проблемы со скоростью, если вам не нужен прозрачный фон.

Поэтому вполне нормально, что, например, крупный интернет-магазин работает со смесью изображений JPEG и PNG.

Размер файла

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

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

Часто можно сэкономить, чтобы уменьшить размер изображений, и для этого есть множество хороших программ, если вы не тяжелый пользователь в Photoshop. Примеры приложений, которые могут помочь вам сжать изображения без значительной потери качества: Kraken.io, smush it, ImageOptim и инструмент Google Pagespeed Insights, который также сжимает изображения для вас.

Как правило, изображение не должно превышать 100 кб. Практически с любого сканера можно найти изображения, которые превышают это значение, Screaming Frog SEO Spider является лишь одним из примеров такого инструмента.

Ленивая загрузка картинок

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

Подавляющее большинство интернет-магазинов используют lazyload - особенно для страниц категорий, где одновременно может отображаться от 100 до 200 товаров. Это значительно экономит пропускную способность пользователей, а также обеспечивает лучшее и более быстрое взаимодействие с посетителями.

Существует множество плагинов для всех популярных CMS.

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

Неважно, как вы называете свою фотографию. Например, это изображение несет в себе имя файла имя файла оптимизации изображения

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

Поэтому важно, чтобы имя файла было известно тем, что оно показывает. Если это изображение фиолетового цветка, может быть, даже фиолетового, то примером оптимального названия картины будет purple-flower-viol.jpg. Если важнее, чтобы изображение располагалось на фиолетовом, а не на фиолетовом цветке, перед именем файла помещается фиолетовый, а не фиолетовый цветок.

Все тексты

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

Как оптимизировать ваш альтернативный текст как для пользователей, так и для поисковых систем.

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

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

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

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

Все теги форматируются следующим образом:

<img src = "image.png" alt = "Вот изображение картинки">

График оптимизации изображений

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

Например, если вы помечаете рецепт и также получаете помеченные изображения, для изображений в поиске картинок Google может быть добавлен тег «Рецепт», в дополнение к рецептам этот параметр также доступен для следующих других форматов: продукт и видео ,

Получить ссылки на ваши фотографии

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

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

Изображение Карта сайта

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

Карта сайта с изображением может состоять из ссылок на 1000 изображений перед созданием дополнительной карты сайта. Очень низкий предел по сравнению с 50000 страниц, которые вы можете отправить в традиционной карте сайта.

Если вы используете сеть доставки контента (CDN), важно проверить CDNet в консоли поиска. В отличие от обычной карты сайта, можно ссылаться на другие домены, кроме основного сайта, с картой сайта с фотографиями.

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

Вы можете узнать больше об использовании файлов Sitemap для изображений здесь.

Заголовок помечен

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

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

Тег заголовка отформатирован следующим образом:

<img src = "image.png" title = "image">

Уникальные изображения

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

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

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

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

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

Не можете сделать уникальные фотографии уникальными?

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

Поисковые системы изначально смотрят на следующие элементы, которые вы можете настроить:

• Размер изображения (в пикселях)
• Обрезка изображения (например, обрезка по краям изменяет всю композицию изображения)
• Перевернуть изображение
• Изменить цвет фона
• Вставка логотипа, значков или шрифта

Достаточно изменив состав изображения, вам может повезти, что Google решит отобразить ваше изображение в результатах поиска, несмотря на тот факт, что у них уже есть очень похожее изображение.

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

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

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

Похожие

Комментарии