9 советов по оптимизации SEO изображений

1. 1. Знать, как описать изображение для поисковых систем
2. 2. Следите за именем файла
3. 3. Используйте атрибут ALT правильно
4. 4. Используйте атрибут TITLE
5. 5. Добавьте подпись к вашему изображению
6. 6. Предоставьте файлы в правильном разрешении
7. 7. Выберите правильный формат файла
8. 8. Осветлите свои изображения снова
9. 9. Карта сайта для ваших изображений
10. Если вам понравилась эта статья, вам может понравиться

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

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

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

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

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

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

Сравнение 2 фраз с Google Adwords Планировщик ключевых слов

Наконец, будьте точными, но актуальными . Для зрителя это велосипед оранжевого велосипеда, но для велосипедного дилера это модель 123 марки xyz, а на рисунке представлен велосипед xyz 123 оранжевого цвета . Для ремонтника это будет, конечно, тот же мотоцикл XYZ 123, но, если вы не специализируетесь на ремонте этой конкретной модели (или если вам не интересно показать 100 000 изображений, соответствующих 100 000 различных моделей велосипедов) это будет велосипед с динамо-освещением ... Короче говоря, изображение существует без контекста, но ваша цель - разместить его в поисковой выдаче, его описание должно быть в конечном итоге адаптировано к цели, к которой вы обращаетесь.

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

2. Следите за именем файла

Если ваши глаза и хорошая CMS сообщат вам, что файл с именем DSC123456.jpg представляет собой оранжевый велосипед, поисковая система пока не может. Если вы хотите, чтобы ему было легче, используйте соответствующее имя файла , т.е. соответствующее описанию изображения. Поэтому наша красивая фотография будет носить имя velo-xyz-123-orange.jpg, если вы являетесь торговцем, bike-lighting-dynamo.jpg, если вы ремонтируете динамо-велосипеды ...

Вы заметите две детали, чтобы преуспеть:

• имя файла не содержит пустое слово
• разделитель слов - тире (-), а не подчеркивание (_)

3. Используйте атрибут ALT правильно

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

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

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

4. Используйте атрибут TITLE

Я говорю не о теге <title>, а об атрибуте title тега img. по Технические характеристики W3C , атрибут title должен использоваться для предоставления дополнительной информации об изображении , информация, отсутствие которого не мешает чтению. Многие браузеры (включая Chrome и Firefox) отображают содержимое этого атрибута в виде всплывающей подсказки при перемещении мыши.

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

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

5. Добавьте подпись к вашему изображению

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

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

Изображение и его легенда сгруппированы в div, но легенда - не более чем простой абзац

Текст легенды будет виден всем вашим посетителям. Если вы решите использовать эту оптимизацию, вам нужно будет очень внимательно относиться к качеству письма и актуальности его текста. Как насчет последней марки XYZ, городской велосипед 123 доступен в различных цветах (здесь оранжевый ликопин), чтобы проиллюстрировать наш пример?

6. Предоставьте файлы в правильном разрешении

Знаете ли вы, какое разрешение браузера предпочитают ваши пользователи? Вы не можете себе представить количество сайтов, на которых я говорил, где веб-мастер (включая лицо, ответственное за публикацию контента) вставлял красивые изображения, снятые превосходной камерой непосредственно с разрешением 2300 × 1700 ( если не больше) для веса в несколько МБ. Рассчитайте вместе время загрузки страницы, содержащей 5 фотографий по 4 МБ каждая с подключением ADSL для загрузки со скоростью 500 КБ в секунду (что очень разумно в 2016): у нас есть 20 МБ для загрузки, поэтому нам потребуется 40 секунд для отображения изображений, что совсем не разумно в 2016 году. Не говоря уже о работе, которая заставит браузер изменять размеры и отображать эти изображения, объем оперативной памяти, используемой для отображения страницы ...

Остановите бойню, если хотите, и снова серьезно. Вы должны показывать изображения в разрешении, в котором они будут отображаться, а не изменять их размер в браузере . Если ваш сайт использует адаптивный дизайн, попробуйте предоставить изображение, адаптированное под разрешение браузера (вы найдете здесь некоторые приемы для управления стандартными изображениями или Retina).

Имейте в виду, что из-за сжатия файл размером 800 × 600 пикселей в 9 раз меньше, чем файл размером 2400x1800 пикселей, время загрузки файла будет в 9 раз менее важным. Кстати, тебе когда-нибудь говорили, что время загрузки страницы может повлиять на ее ссылки ?

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

Выход из изображений .bmp кажется относительно понятным каждому с 2000 года, но он остается размытым вокруг трех популярных форматов файлов в Интернете: jpeg, gif и png. Мы не будем вдаваться в теоретические объяснения здесь, но я могу дать вам несколько советов:

• JPEG особенно подходит для фотографий, но использует деструктивное сжатие, то есть чем больше вы уменьшаете вес ваших изображений (с одинаковым разрешением), тем больше вы теряете пиксели и, следовательно, резкость. Что касается разрешения изображения JPG, то для Интернета идеально подходит разрешение 72 dpi;
• GIF использует фиксированную палитру из 256 цветов, этот формат управляет прозрачностью и отлично адаптируется к очень простой графике и иллюстрациям;
• PNG позволяет использовать палитру из более чем 256 цветов и управляет прозрачностью, как GIF, однако сложные изображения часто тяжелее, чем в формате JPEG. Формат PNG особенно подходит для логотипов или других значков.

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

8. Осветлите свои изображения снова

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

Насколько мне известно, лучший инструмент для удаления этих данных легко обрезки из но это доступно только в Linux. Если вам известен хороший бесплатный инструмент для Windows и / или Mac, не стесняйтесь делиться ссылками в комментариях.

9. Карта сайта для ваших изображений

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

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

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

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

Если вам понравилась эта статья, вам может понравиться

Источник : Источник примера изображения

Похожие

Комментарии