Ссылка на ваши изображения

  1. Связать ключевые слова с вашими изображениями
  2. Alt атрибут
  3. Название изображения
  4. Оптимизация контекста изображения
  5. Создавайте SEO дружественные изображения
  6. Укажите лицензию ваших изображений
  7. Само изображение
  8. Используйте Alyze, чтобы проверить ваши изображения

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

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

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

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

Возможно, еще более удивительно, что определенные диаграммы или таблицы приводят к важному объему исследований. Снимки экрана программного обеспечения, связанные с определенным действием, также могут быть очень полезными (например: установка такой настройки в Word, создание стилизованной фотографии в Photoshop и т. Д.).

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

Связать ключевые слова с вашими изображениями

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

Alt атрибут

В HTML тег img подразумевает использование атрибута alt.

<img src = "my-image-file.png" alt = "Описание изображения" />

Google свяжет изображение с ключевыми словами в атрибуте alt. Заполнять этот тег ключевых слов не очень хорошая идея! Двигатели могут обнаружить этот тип практики.

Кроме того, атрибут alt используется не только поисковыми системами. Об этом даже не думали. Есть веские причины, чтобы правильно написать свои атрибуты alt вне SEO:

  • Для посетителей с ослабленным зрением, имеющих определенное оборудование, атрибут alt является единственной информацией, которую они могут собрать.
  • Если ваше изображение больше не загружается по какой-либо причине X или Y, содержимое атрибута alt заменит изображение на вашей странице.

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

Название изображения

По умолчанию камеры и телефоны обозначают изображения абстрактно (например, IMG_001552.jpg). Просто выберите более явное имя, содержащее желанные ключевые слова, чтобы продвигать ссылки на ваше изображение (пример: sunset-on-the-mediterranean.jpg). Используйте дефисы (-) между ключевыми словами, а не подчеркивания (_), которые не считаются отдельными словами.

Вы также можете избежать пробелов и акцентированных символов. Несмотря на то, что поисковые системы понимают их очень хорошо, они рискуют перевести их в формат « процентного кодирования» , что делает их менее читаемыми для людей (предыдущий пример стал бы:
закат% 20of% 20soleil% 20on% 20la% 20m% C3% A9diterran% C3% A9e.jpg).

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

Контекст изображения очень важен для Google. Поисковая система иногда даже немного наивна (см. Опыт размещения фотографии манекена на странице, рассказывающей о «Анчоус Пицца»). фотография модели появляется в середине анчоусной пиццы на Google Images !).

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

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

Также возможно усилить значение изображения, разумно окружая его. Изображение близко к иерархическое название высокого уровня естественно будет связано с этим. Легенда об изображении также очень важна. В течение долгого времени веб-создатели пытались создавать легенды с тегами span, div или даже dl / dt / dd для более смелых.

К счастью, в HTML5 появился более чистый способ работы с тегами figure и figcaption. Рисунок представляет собой контейнер, а figcaption содержит описание.

<Рисунок>
<img src = "image.png" alt = "Мое изображение" />
<figcaption> Легенда моего изображения </ figcaption>
</ Рис>

Увидеть очень хорошая статья об этих двух элементах, представленная в HTML5 ,

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

Создавайте SEO дружественные изображения

Создать карту сайта для изображений

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

Укажите лицензию ваших изображений

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

Если ваши изображения предлагают такие возможности, они, вероятно, были помещены под лицензию Creative Commons или GNU Free Documentation License. Чтобы указать это, Google рекомендует продолжать использовать нотацию RDFa 3 ,

Пример для лицензии CC BY-SA:

<div about = "image.png">
<img src = "image.png" alt = "Альтернативный текст">
<a rel="license" href="https://creativecommons.org/licenses/by-sa/2.0/"> Лицензия CC BY-SA </a>
</ Div>

Элемент div, содержащий изображение, имеет атрибут about, который указывает, что то, что он содержит, ссылается на image.png. Элемент a имеет атрибут rel = "license", который указывает, что эта ссылка ведет к лицензии image.png.

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

<img src = "image.png" alt = "Альтернативный текст">
<a rel="license" about="image.png" href="https://creativecommons.org/licenses/by-sa/2.0/"> Лицензия CC BY-SA </a>

Само изображение

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

Форматы для использования три:

  1. JPEG для фотографий.
  2. PNG для клипартов иллюстраций, рисунков, скриншотов.
  3. GIF ... если ты действительно заботишься!

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

Используйте Alyze, чтобы проверить ваши изображения

Alyze проверяет для вас некоторые важные элементы SEO ваших изображений.

На вкладке «Изображения»:

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

Ниже этой информации находится список изображений на веб-странице. В мгновение ока вы можете проверить атрибуты name, alt и title изображения. Предварительный просмотр изображения также доступен при наведении курсора на одну из линий.


ссылки
  1. Элемент img, стандарт HTML5
  2. Руководство Google для веб-мастеров по поиску картинок
  3. Как указать лицензию на изображение для Google