1. Зачем мне нужны фотографии и куда их ставить
2. Графический выбор
3. Альтернативы фотографиям
4. Подготовка фотографий к публикации
5. Название файла
6. Масштабирование изображения
7. Уменьшение размера файла изображения
8. Размещение фотографий в статье
9. Альтернативные описания (alt)
10. Титулы (название)
11. OpenGraph
12. XML Sitemap
13. TL; DR

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

Зачем мне нужны фотографии и куда их ставить

Первая мысль, где я мог бы разместить картинки и картинки. Оказывается, есть довольно много мест, где вы можете добавить их. Это:

• блоги
• газеты,
• спонсорская статья,
• интернет-магазины,
• сайт.

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

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

1 картина стоит 1000 слов? Да, но в случае с Google изображение должно быть правильно подготовлено и оптимизировано.

Графический выбор

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

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

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

Если вы не можете делать свои собственные фотографии, вам нужно использовать бесплатное программное обеспечение с различных веб-сайтов. В этом случае я рекомендую хороший поисковик фотографий compfight.com. Он ищет в базе данных фотографий с fickr.com, и, следовательно, найденные изображения имеют высокое качество. У нас есть возможность фильтровать результаты поиска по лицензиям: любая лицензия, креативное достояние, реклама. Вы можете использовать само мерцание, но, вероятно, поиск будет более сложным с учетом сделанных предположений, например, фотографий только с лицензией Creative Commons.

Другой известный сервис - Freeimages (ранее sxc.hu). Много изображений, качество иногда оставляет желать лучшего, лично не очень интересно и активно используется в Интернете, и это не то, что мы хотим. Мы хотим выделяться.

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

Альтернативы фотографиям

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

Подготовка фотографий к публикации

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

Название файла

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

Самое важное ключевое слово должно появиться в начале имени файла. Например, название изображения заката на фоне города Познань должно выглядеть так: poznan-zachod-slonca.jpg. Познань - это главное ключевое слово. Определенно лучше, чем если бы это было стандартное имя, например, dsc4598.jpg.

Мы хотим, чтобы Google распознал, с чем связано изображение, даже «не глядя» на него.

Масштабирование изображения

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

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

Уменьшение размера файла изображения

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

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

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

• imageoptim.com
• jpegmini.com
• punypng.com
• kraken.io

Размещение фотографий в статье

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

Описания под фото (подписи)

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

Альтернативные описания (alt)

Альтернативные описания «представляют» содержимое изображения в том случае, если оно не было загружено. В тегах alt должны отображаться ключевые слова, а длина описания должна составлять от 5 до 15 слов. Попробуем описать картинки максимально естественным образом.

Стоит также отметить, что по алгоритму Google alt-теги не учитываются как спам. Сложнее разоблачить себя в поисковой системе, заряжая альтернативы ключевыми словами, чем помещая слова где-то на стороне. Конечно, все модерируется, потому что давайте посмотрим на пользователей, а не на SEO.

Титулы (название)

Что делает заголовок? Мы используем его для дальнейшего описания того, что на картинке, например, атмосферы на ней или контекста фотографии. Тег заголовка предоставляет менее актуальную информацию. Не дублируйте alt-теги в заголовках изображений. Если у нас нет ничего разумного, оставьте заголовок пустым. Это дополнительные маркеры!

Это говорит о том, что тег заголовка не важен для SEO.

OpenGraph

Что такое OpenGraph? Этот тег используется для обозначения изображения, которое появится, когда статья будет опубликована в социальных сетях. Именно о Facebook и Pinterest (Twitter имеет свою маркировку изображений; Twitter Cards - https://dev.twitter.com/cards/overview ).

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

У Facebook есть инструмент для отладки ссылок для OpenGraph. Если мы описали изображения с тегом og: image и возникла проблема с их отображением в Facebook, мы можем воспользоваться ссылкой https://developers.facebook.com/tools/debug/ и объясните нашу проблему.

XML Sitemap

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

TL; DR

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

• давайте использовать изображения, которые соответствуют контексту нашего поста,
• мы выбираем подходящие имена файлов для наших изображений (ключевые слова в имени файла),
• давайте удостоверимся, что размер изображения совпадает с размером, отображаемым на странице (не меньше, не больше!),
• уменьшите размер файла, чтобы страница и изображения загружались быстрее (мы используем специальные инструменты),
• давайте добавим подписи / подписи, чтобы было легче сканировать статью во время чтения,
• используйте теги alt, тег title необязателен (мы не дублируем),
• давайте помечать фотографии тегами OpenGraph,
• давайте добавим фотографии на карту XML.

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

5 (100%) 3 голоса

Похожие

Комментарии