Image-SEO - полное руководство по поисковой оптимизации изображений

1. Зачем использовать изображения и сделать изображение SEO?
2. Оптимизация изображений перед загрузкой на сервер
3. 1. Масштабирование
4. 2. Обрезка в реальных условиях
5. 3. Формат файла
6. 4. Имена файлов
7. 5. Сжатие
8. 6. Бонус: сделать изображения уникальными
9. Image-SEO после загрузки
10. 1. Всегда используйте alt теги
11. 2. Не ври Google (немного)
12. 3. Рассмотрите возможность написания подписи
13. 4. Сделай любой. картинка карта сайта
14. 5. Остерегайтесь CDN
15. 6. Получить ссылки непосредственно на ваши фотографии
16. 7. Картинки и богатые фрагменты
17. 8. Используйте географические данные для изображений
18. резюме

У Серена Скривера есть порох в заднице.

Прошло не более года с момента его последнего блога с нами о его новом интернет-магазине Бекко в статье 5 конкретных советов для недавно открытого интернет-магазина Но с тех пор он уже продал магазин ламп и всерьез занялся SEO. Заработная плата ежедневно работает с SEO и онлайн-маркетингом. консультант в S360.dk ,

Если вы заходите на форумы и в группы Facebook, чтобы попросить хорошего профессионального SEO-провайдера, вы можете быть уверены, что Søren всегда упоминается довольно усердно.

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

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

Сегодня базовая поисковая оптимизация стала базовым знанием для многих из тех, кто владеет веб-сайтом или занимается публикацией контента в Интернете.

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

Неважно, какой у вас сайт, вы используете картинки. И если вы не используете изображения, то вы должны начать это делать, в то время как вы должны ознакомиться с поисковой оптимизацией изображений (SEO изображений). Фотографии имеют так много преимуществ - читайте прямо ниже.

Зачем использовать изображения и сделать изображение SEO?

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

Преимущества использования хороших фотографий

• Хорошие фотографии делают ваш сайт более профессиональным. Это приводит к большему количеству разделений, связей и большей гласности.
• Изображения привлекают больше читателей, когда ваши статьи публикуются в социальных сетях.
• SEO ценность использования изображений и их правильной оптимизации огромна (см. Пример ниже)
• Ваши статьи становятся намного более съедобными и их легче понять.
• Вам также подходят визуальные эффекты и те, кто не читает статьи с ног до головы.

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

СЛУЧАЙ: От № 35 до № 5 путем оптимизации изображений:
Человек из моей сети дизайнерских сайтов рассказал мне, что он делал на своем сайт , чтобы перейти от ок. С № 35 по № 5 на «новом веб-сайте» - это конкурентное ключевое слово:

• Было вставлено пять новых изображений , все из которых были оптимизированы для ключевых слов, которые частично соответствуют и относятся к «новому веб-сайту». Вот 5 «икон», которые можно увидеть на его странице.
• Одна единственная внутренняя ссылка была вставлена ​​на страницу для соответствующей статьи по оптимизации скорости.
• В нижнем колонтитуле реализована схема, так что 5 звезд отображаются в результатах поиска при переходе на «новый сайт» Google.

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

Так много, SEO может двигаться.

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

Оптимизация изображений перед загрузкой на сервер

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

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

Если у вас есть собственный веб-сайт, попробуйте проверить страницу с помощью теста скорости Pingdom или Google Понимание скорости страниц ,

Результат теста Pingdom Speed. Обратите внимание, что 60% времени, необходимого для загрузки этой страницы, приходится на изображения. Это можно легко уменьшить до 10-15%, следуя инструкциям, приведенным здесь в статье.

Перед загрузкой изображения убедитесь в следующем:

• Изображения должны быть масштабированы так, чтобы они были не больше, чем они появляются на сайте.
• Фотографии должны быть обрезаны в правильных условиях.
• Вы должны выбрать правильный формат файла для изображений.
• Все изображения должны быть дополнительно сжаты с помощью программ
• Они должны быть сохранены с правильными именами файлов .
• Бонус: фотографии должны быть уникальными .

1. Масштабирование

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

Как правило, сайт имеет ширину 1200 пикселей. Если вы используете боковую панель, содержимое боковой панели часто будет ок. 350 пикселей в ширину и основное содержание 700-750 пикселей. Это также относится и к этому веб-сайту, и поэтому все изображения здесь в посте имеют максимальную ширину 700 пикселей.

2. Обрезка в реальных условиях

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

Когда изображение публикуется на Facebook, оно всегда обрезается до 600 × 315 пикселей. Следовательно, вам также необходимо иметь изображение на своей странице с соотношением 600: 315. Если у вас есть веб-сайт WordPress, используйте плагин Yoast SEO для добавления данных Open Graph Facebook, чтобы Facebook со 100% уверенностью выбирал правильное изображение для обмена.

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

3. Формат файла

В каком формате файлов должны храниться изображения? Два наиболее часто используемых типа файлов: .JPG или .PNG.

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

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

Если вы не являетесь поклонником Photoshop, вы можете использовать такую ​​программу, как PhotoScape (показана на рисунке), чтобы уменьшить размеры изображения и сохранить его в формате .jpg.

4. Имена файлов

При выборе имени файла для изображения важно, чтобы вы отслеживали ключевое слово, которое вы ищете на странице.

Если у вас есть только одно изображение на странице, имеет смысл называть изображение таким же, как ключевое слово, на которое должна попадать страница. Однако обратите внимание, что вы никогда не должны использовать URL, ø и å в URL-адресах - ни для своих статей, ни для изображений. Вместо этого используйте ae , oe и aa или ae , o и a .

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

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

5. Сжатие

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

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

Уменьшение размера файла на 60% за счет использования Kraken.io для сжатия изображений в этой статье!

6. Бонус: сделать изображения уникальными

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

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

3 лучших способа сделать изображения уникальными

• Масштабирует изображение немного искажено.
  Если у вас есть изображение 300 × 300, например, от Shutterstock, вы можете вместо этого сделать его 300 × 305. Таким образом, Google не может на самом деле распознать изображение и будет считать его уникальным.
• Поверните или переверните изображение.
  Вы также можете повернуть изображение на несколько градусов или перевернуть его, так как изображение также будет уникальным.
• Напишите текст на изображении.
  Напишите на картинке какой-нибудь текст, который поможет пользователю получить обзор. Часто имеет смысл писать немного так же, как его тэг alt.

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

Когда вы можете проверить вышеуказанные 6 пунктов, вы готовы загрузить изображение на свой веб-сайт.

Image-SEO после загрузки

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

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

1. Всегда используйте alt теги

Хотя все теги не нужны, они необходимы при разговоре о SEO.

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

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

Потратить 10 секунд на написание alt-тега при загрузке изображения - это самое большое и легкое занятие и 10 лучших потраченных секунд, когда дело доходит до SEO.

2. Не ври Google (немного)

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

Давайте рассмотрим пример с моим последним проектом, который представляет собой сайт с кодами скидок.

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

Пример использования оптимизированного имени файла и тега alt для изображения с кодами скидок Zalando на сайте www.coupii.com/uk/

На этой странице, которая об одном Заландо код скидки Конечно же, мы оптимизировали изображение как с именем файла, так и с тегом all, который называется «zalando rabatkode». Но если подумать, это на самом деле не совсем правильно, так как на картинке изображен логотип Заландо.

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

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

Правила напоминания для alt-тегов для изображений:

• Убедитесь, что у вас есть уникальное изображение, если весь тег не соответствует 100% тому, что содержит изображение. Только если изображение уникально, вы можете написать все теги, которые хотите использовать. Получить уникальные фотографии относительно легко, см. Пункт 6 далее в статье!
• Никогда не используйте одни и те же теги alt для нескольких изображений на одной странице. Вместо этого используйте варианты
• Скажи хотя бы половину правды. Не показывайте изображение одежды с «кодом скидки», таким как alt tag.
  

3. Рассмотрите возможность написания подписи

Если это имеет смысл, добавьте подпись под изображением, которое вы вставили, так как это также повышает ценность SEO.

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

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

4. Сделай любой. картинка карта сайта

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

Только если у вас есть фотографии, разделенные на множество разных папок, или если многие из них показаны с использованием JavaScript вместо HTML или CSS, вам нужно создать карту сайта с изображением в консоли поиска Google.

5. Остерегайтесь CDN

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

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

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

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

Решение состоит в том, чтобы использовать канонический тег (rel = "canonical") на изображении из вашего CDN, в котором указано, что именно изображение на вашем веб-сайте должно рассматриваться как основное изображение. Это очень технический вопрос, и вам просто нужно знать, что проблемы существуют. В качестве отправной точки не следует использовать CDN, если у вас нет очень большого веб-сайта или интернет-магазина.

6. Получить ссылки непосредственно на ваши фотографии

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

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

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

7. Картинки и богатые фрагменты

Используя разметку структурированных данных, например, схему, вы можете получить «Rich Snippets», отображаемые непосредственно в результатах поиска. Один просто реализует некоторый код со своей стороны, который соответствует стандарту, который Google полностью понимает.

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

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

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

8. Используйте географические данные для изображений

Если у вас есть местный бизнес, вы практически не заинтересованы в том, чтобы местные клиенты нашли ваш бизнес.

В этом случае вы можете выгодно использовать и географические данные. Представьте, что у вас есть парикмахерская или другой местный бизнес. В этом случае вы не должны просто называть фотографию вашей парикмахерской "frysersalon.jpg" вместо "frisersalon-hilleroed-nordsjaelland.jpg".

Вам также имеет смысл использовать географические данные во всем теге и в заголовке.

резюме

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

Вот основные правила памяти об изображениях и SEO:

• Никогда не используйте изображения большего размера, чем показано на сайте
• Используйте правильные отношения с фотографиями, чтобы делиться ими на Facebook (600 × 315 пикселей).
• Выберите правильный формат файла, чтобы минимизировать ваши изображения и в то же время сохранить большую часть качества.
• Сохраните изображения с описательным именем файла вместо, например, «IMG35534.jpg» и используйте его для SEO.
• Используйте передовое программное обеспечение (например, Kraken.io) для дальнейшей оптимизации ваших изображений
• Всегда используйте alt теги и опишите, о чем изображение
• Используйте подписи каждый раз, когда это имеет смысл в макете и для пользователя.
• Всегда используйте уникальные изображения и делайте их уникальными, если они еще не созданы.
• Не лгите слишком много о том, что на картинке, и делайте это, только если картина уникальна.

Похожие

Комментарии