Изображения для SEO продвижения — Академия SEO (СЕО)
Содержание:
Изображения для SEO
Во время оптимизации контента сайта некоторые их владельцы совершенно забывают о том, что состояние каждого опубликованного изображения для SEO-продвижения также очень важно. Если этому моменту уделить достаточно внимания, можно получить неплохой прирост пользователей на Ваш сайт из раздела «Картинки» в поисковой системе.
SEO оптимизация изображений не так уж сложна, как может показаться на первый взгляд. Достаточно понять какими характеристиками должны обладать seo-картинки, чтобы они смогли попасть в ТОП соответствующего раздела поисковика.
Уникальность изображения для SEO
Первое и самое важное – Ваши изображения должны быть уникальными. То есть они не должны быть нигде больше опубликованы, кроме Вашего сайта. В идеале нужно нанять штатного фотографа или самому взяться за фотоаппарат, и таким образом, создавать уникальный графический контент.
К сожалению не каждый может себе это позволить. В этом случае приходится хитрить – на помощь приходит поисковая оптимизация картинок, которые Вам не принадлежат.
Вот самый простой рецепт для этого:
- Найти нужное Вам изображение в поиске по картинкам.
- Проверить его на уникальность (например, онлайн-сервисом TinEye). Если этот показатель будет близок к нулю, но все же будут варианты дублирования, переходим к следующему шагу.
- Попытаться выполнить оптимизацию изображений (сделать уникальными) с помощью графических редакторов (зеркальное отображение, поворот на несколько градусов, кадрирование, применение различных графических фильтров и т. д.).
- Повторно проверить каждое полученное изображение. Если показатель повторяемости будет равен нулю, значит Вам удалось получить SEO-изображение.
Но не забывайте, что оптимизация картинок для сайта этим способом не дает 100% гарантии и существует вероятность того, что кто-то проделает с данным изображением подобные действия и в будущем оно может утратить свою уникальность.
Правильное название SEO-изображения
Имеется в виду название самого графического файла. Оно должно состоять из букв латинского алфавита. Между словами желательно использовать дефис.
Название должно соответствовать заголовку страницы с добавлением слова «фото» или «картинка». Если изображений много, можно называть их в соответствии с ключевыми фразами, которым присутствуют на страничке. SEO оптимизация фото напрямую зависит от выполнения таких казалось бы несущественных рекомендаций.
Alt и title тоже важны
Именно благодаря правильному заполнению параметров alt и title осуществляется продвижение картинок выше среди других графических результатов поиска, где на них может наткнуться возможный посетитель для Вашего сайта. Эти два описания SEO-фотографий не должны быть одинаковыми и повторять основной заголовок странички. С ними следует поступать, как и с названием самого файла. Взять ключевую фразу, добавить к ней «картинка» (например, в title) и «фото» (alt).
Оптимизация размера картинок
Не самый важный момент, но на него также стоит обратить внимание. Изображения в слишком высоком качестве и большом размере повлияют на скорость загрузки странички в целом.
Следует выбрать один размер для всех SEO-фотографий (хотя бы ширину, например, 700 пикселей) и заранее подгонять их под него в любом графическом редакторе. При публикации также нужно следить, чтобы размер соответствовал. Поскольку они могут масштабироваться в зависимости от параметров, которые Вы задаете при вставке.
Оптимизация изображений для сайта предполагает подходящий вес, который меняется в зависимости от их качества. Желательно сжимать их, используя специализированные онлайн-ресурсы или все те же графические редакторы. Например, в Photoshop для этого используется функция «Сохранить для Web».
Тематика
SEO- фото должны по смыслу соответствовать тематике страничек, на которых будут использоваться.
Итоги
SEO оптимизация изображений играет далеко не последнюю роль в продвижении сайтов. К тому же это положительно влияет на приток посетителей. Время, затраченное на уникализацию картинок, правильные названия файлов , заполнение атрибутов alt и title – сравнительно небольшая цена, которую однозначно стоит платить, учитывая получаемую в итоге пользу.
как выйти в топ поиска по картинкам
Иллюстрации и фотографии, использованные с умом, полезны не только для пользователей, но и для SEO. При правильном подходе к оптимизации изображений вы можете получать качественный трафик из Яндекс. Картинок или Google Images.
Важно не просто размещать картинки, а сделать так, чтобы поисковики могли понимать, что изображено на них, и показывать в ответ на соответствующие поисковые запросы.
Другая часть оптимизации — это сам подбор картинок, оптимизация их размеров и веса файлов. Изображения должны быть качественными, одинаково хорошо отображаться на всех устройствах и не замедлять загрузку страницы. Все это имеет значение для поведенческих факторов, которые учитываются поисковыми системами.
1. Используйте качественные и релевантные изображения
У изображения должна быть цель
2. Используйте оригинальные изображения по возможности
Как проверить картинку на оригинальность
Не используйте изображения, защищенные авторским правом
Картинки с фотостоков можно улучшить
3. Названия файлов важны: замените «DSC1234.jpg» на понятное название
Оптимизация фото для интернет-магазина
4. Выберите правильный формат изображения
5. Сжимайте изображения в меру: картинка не должна сильно терять в качестве
Насколько большими должны быть файлы изображений?
Как уменьшить вес изображений
Сервисы для сжатия картинок
Повышаем скорость загрузки за счет превью
6. Загружайте на сайт изображения точно по размеру
7. Используйте адаптивные картинки
8. Заполните атрибуты title и alt
9. Создайте Sitemap-файл для изображений
10. Добавьте подписи к изображениям
11. Используйте микроразметку Open Graph и Twitter Card
Open Graph
Twitter Cards
12. Структурированные данные Schema.org — для лучшего отображения в поиске
13. Размещайте изображения на своем хостинге
Несколько слов от поисковых систем
Чек-лист: обязательные условия оптимизации картинок
1. Используйте качественные и релевантные изображения
Для того, чтобы изображения принесли пользу вам и вашему сайту, они должны быть качественными и релевантными.
Ваш Кэп.
Это правда. Релевантность картинок — один из самых важных факторов для поисковых систем. Убедитесь, что иллюстрации соответствуют теме статьи.
Размещайте изображения рядом с текстом, который они иллюстрируют.
Также важно качество картинки: размытые, нечеткие или плохо обрезанные изображения формируют плохое впечатление о сайте и продукте.
С другой стороны, яркие и качественные картинки хорошо влияют на поведенческие и социальные факторы. Они привлекают внимание пользователей, делают материалы более кликабельными и виральными. Репост с яркой привлекательной картинкой получит больше внимания в соцсетях.
Качественная картинка иллюстрирует и дополняет заголовок новости
У изображения должна быть цель
Изображения должны помогать рассказывать историю или упрощать что-то: например, наглядно объяснять идею, показывать какой-то предмет или процесс.
Если вы рассказываете пользователю о своем продукте (товаре или услуге), то логично разместить качественное изображение товара или фото предоставления услуги (например, результата).
Здесь показан конечный результат
А здесь — процесс работы
Также полезно использовать мини-инфографику, в которой наглядно показаны полезные статистические данные. Или скриншоты, которые помогают пользователю разобраться с настройками интерфейса сервиса.
Например, в блоге PromoPult мы часто рассказываем о работе с различными инструментами и наглядно показываем настройки с помощью скриншотов. На скриншоте — пример из статьи о частых ошибках в Google Analytics.
Иллюстрации на абстрактные темы (например, SEO или личностный рост) трудно сделать действительно релевантными. Однако тут стоит хотя бы избегать растиражированных стоковых изображений и пользоваться всеми другими доступными способами оптимизации.
Например, это изображение очень симпатичное, но использовано уже на сотнях сайтов, посвященных фрилансу
Модуль SEO в системе Promopult: все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов. Гарантии, оплата работ в рассрочку.
2. Используйте оригинальные изображения по возможности
Для SEO также важно, чтобы изображения были оригинальными, а не скопированными с чужих сайтов. Поисковики ценят оригинальный, уникальный контент — и изображения в этом плане не исключение.
Поисковые системы могут определять дубли картинок и понимать, откуда они взяты. Поэтому перед тем как разместить у себя на сайте очередную стоковую фотографию, хорошенько подумайте.
Как проверить картинку на оригинальность
- С помощью сервиса TinyEye.
TinyEye — бесплатный сервис для проверки уникальности картинки
Здесь можно загрузить изображение или указать ссылку на него. Сервис проверит его и выдаст 0 результатов, если изображение уникальное:
Если же картинка уже используется на каких-либо сайтах, то TinyEye покажет список этих сайтов:
- Проверить, есть ли изображение в индексе поисковых систем.
Например, загрузите фотографию в Яндекс.Картинках. Если в индексе поисковика ее нет, то вы увидите такое:
Если картинка есть в индексе, то Яндекс это покажет:
Не используйте изображения, защищенные авторским правом
В Рунете не слишком-то уважают авторские права на фотографии и пока еще можно (закрыв глаза, наступив на собственную совесть и найдя серьезное оправдание) пренебрегать правами на изображения. Но все же не надо так делать — правообладатель может обнаружить копию и порядком испортить вам жизнь. Да и вообще — надо уважать и сохранять авторские права.
Если вы используете графический контент для коммерческих целей — используйте собственные изображения или изображения с открытой лицензией.
Подробнее о типах лицензий на изображения.
Найти изображения, которые могут использоваться в коммерческих целях, несложно с помощью расширенного поиска Google.
В Google Картинках вбейте поисковый запрос, а затем выберите Инструменты > Право на использование > С лицензией на использование (или С лицензией на использование и изменение).
Поиск картинок с открытой лицензией для коммерческого использования
О поиске бесплатных картинок можно почитать в справке Google.
Есть много фотостоков с качественными и небанальными фотографиями, доступными для коммерческого и некоммерческого использования. Список таких ресурсов — здесь.
Картинки с фотостоков можно улучшить
Картинку можно сделать более интересной и привлекательной с помощью несложной обработки и оформления.
Например, вот такая картинка:
…обретает новую жизнь в блоге Максима Ильяхова с его фирменной оранжевой рамкой.
Для такого оформления необязательно быть мастером Фотошопа. Достаточно онлайн-сервисов, таких как Canva или Crello.
3. Названия файлов важны: замените «DSC1234.jpg» на понятное название
Чтобы выдать в ответ на запрос пользователя релевантную картинку, поисковые роботы используют все доступные текстовые элементы.
Помимо универсальных атрибутов title и alt (о которых мы еще поговорим) роботы Яндекса и Google обращают внимание на название загруженного файла. Название должно соответствовать содержимому картинки. Например, если на фотографии — шоколадный торт, то стоит заменить набор букв и цифр, автоматически сгенерированных камерой, на название:
Правильно
shokoladnyj_tort_s_kremom.jpg
Неправильно
DSC4980.jpg
Перед загрузкой файлов на сайт переименуйте их. Если это возможно, используйте в названии файла одно из целевых ключевых слов для этой страницы.
Название изображения должно быть небольшим и простым, содержать хотя бы одно ключевое слово, хорошо описывающее суть картинки.
Яндекс учитывает транслитерацию, поэтому смело можете называть файлы транслитом. Не стоит называть файлы кириллицей, так как роботы Google могут не распознать такое название. Плюс не все CMS корректно работают с кириллицей в названиях файлов и URL.
Хорошее название файла. Робот просканирует его и «поймет», что изображено на картинке
Такое название не дает никакой полезной информации поисковому роботу
Название файла ничем не поможет вашим посетителям, так как они его никогда не увидят (разве что захотят скачать вашу инфографику). Но правильное и релевантное название — это способ предоставить поисковым системам немного дополнительной информации о содержимом страницы.
Оптимизация фото для интернет-магазина
Если у вас интернет-магазин и вы размещаете много фотографий товаров, можно пойти еще дальше.
Допустим, вы продаете мужские кроссовки Nike. Вместо стандартного сгенерированного названия фото стоит сделать расширенное название файла с ключевиком.
Подумайте о том, как пользователи ищут товары на вашем сайте. Какие шаблоны названий они используют при поиске? Люди, которые ищут эйр максы, могут вбивать поисковый запрос по-разному:
- кроссовки Nike air max мужские,
- мужские кроссовки air max Nike,
- мужские Nike air max,
- найки эйр макс
- и так далее.
Посмотрите, какие паттерны преобладают (просто проверьте это в аналитике). Возьмите тот шаблон, который встречается чаще всего, и используйте его как основу при создании названий для картинок.
Пропишите правила переименования картинок для контент-менеджера, если хотите оптимизировать их для продвижения интернет-магазина.
Если же вы не хотите настолько углубляться, просто убедитесь, что название описывает содержимое картинки и содержит релевантное ключевое слово.
4. Выберите правильный формат изображения
При выборе типа файла для картинок (как и при всей работе с картинками) важно соблюдать баланс между качеством и размером. «Легкое» изображение плохого качества создаст плохое впечатление и может стать причиной отказа от покупки или ухода посетителей с сайта. С другой стороны, высококачественная картинка в высоком разрешении может увеличить время загрузки страницы — вырастет процент отказов. Нужен баланс.
Нет правильного или идеального формата для изображений. Все зависит от типа картинки и как вы планируете ее использовать.Чаще всего используются такие форматы: JPEG, PNG, GIF. Их поддерживают все браузеры и поисковые системы. Реже — SVG и WebP.
Вот несколько рекомендаций:
- Для интернет-магазинов оптимальный вариант — JPEG. Этот формат дает лучшее качество при наименьшем размере файла. Также рекомендуется использовать JPEG для больших фотографий или иллюстраций.
- PNG используйте, если нужно сохранить прозрачность фона. Остальные форматы не поддерживают эту возможность. Иногда PNG выигрывает у JPEG и по весу файла.
- Для логотипов и иконок используйте векторный SVG. С помощью CSS или JavaScript вы можете управлять картинками в формате SVG. Например, менять их размер без потери качества.
Вместо JPEG и PNG можно использовать малоизвестный формат WebP. Этот формат сохраняет высокое качество при еще меньших размерах файла. Конвертировать фотографию в WebP можно с помощью Squoosh. Правда, есть нюанс — формат WebP не поддерживается браузером Safari.
5. Сжимайте изображения в меру: картинка не должна сильно терять в качестве
Стоит учитывать, что Google использует время загрузки страницы как один из факторов ранжирования.
Можно пойти двумя путями:
- Уменьшить вес файлов изображений на сайте.
- Оптимизировать способ отображения картинки — показывать превью.
Насколько большими должны быть файлы изображений?
Для интернет-магазинов, где на одной странице размещаются десятки (а то и сотни) изображений товаров, оптимальный размер изображения — до 70 КБ. Иллюстрации в статьях либо в других разделах сайтов (не каталоге) могут быть тяжелее, но не стоит заходить далеко и вывешивать картинки весом в десятки мегабайт.
Как уменьшить вес изображений
Изображение нужно сжать максимально, насколько это возможно сделать без видимой потери качества. Картинка должна оставаться четкой и неразмытой.
Вес изображения можно уменьшить при экспорте картинки в Фотошопе (Файл > Экспортировать > Сохранить для Web), просто снизив качество.
Что здесь можно сделать:
- Выбрать JPEG-формат.
- Немного снизить качество (до 60-80%).
- Изменить размеры изображения.
Для примера, картинка в формате PNG-8 и размером 3000х3000 пикселей занимает 2,18 Мб:
Неоптимизированная фотография
Сохраняем ее в JPEG, снижаем качество до 80%, а также уменьшаем размеры до 1500х1500 пикселей. Вес после оптимизации — 250,2 Кб.
Вес оптимизированной фотографии почти в 9 раз меньше
Сервисы для сжатия картинок
Если вы не мастер Фотошопа (и не купили лицензионную версию), можно воспользоваться одним из сервисов для сжатия картинок.
JpegMini — позволяет уменьшать вес картинок до 80%.
ImageOptim — десктопная программа для Mac. Позволяет оптимизировать картинки без потери качества. Программа удаляет из файла картинки метаданные: местоположение GPS, серийный номер камеры, данные о снимке и т.д. Работает с форматами JPEG, SVG , GIF и PNG.
Compressor — бесплатный онлайн-сервис. Может сжимать до 90%. Правда, в сервис нельзя загружать картинки весом более 10 Мб.
TinyPNG и TinyJPG — онлайн-сервисы для сжатия PNG и JPEG-изображений. Бесплатно можно одновременно загружать до 20 файлов весом до 5 Мб каждый. Степень сжатия — более 70%.
Compressjpeg — сервис для пакетной загрузки и оптимизации изображений (до 20 файлов одновременно).
ImageOptimizer — онлайн-сервис, с помощью которого можно уменьшить вес файла с помощью сжатия, а также уменьшить размеры изображения, задав ограничения по максимальной ширине и высоте.
После оптимизации изображений проверьте скорость загрузки страницы с помощью Google PageSpeed Insights.
Повышаем скорость загрузки за счет превью
Используйте уменьшенный вариант изображения (превью) для отображения по умолчанию. Просмотр изображения в полном размере — по клику на картинке.
Уменьшенная версия изображения в карточке товара, размер — 245х245 пикселей. Вес файла — 6,5 Кб.
Изображение можно посмотреть в большем размере — 500х500 пикселей. Вес этого файла — 26,1 Кб.
Особенно важно оптимизировать вес картинок для просмотра с мобильных устройств. Количество мобильного трафика уже превышает десктопный, и поисковые системы в первую очередь проверяют, оптимизирован ли сайт под мобайл. «Тяжелые» картинки = низкая скорость загрузки сайта на смартфонах. Это негативно может сказаться на ранжировании страницы в мобильной выдаче.
Помните: каждая лишняя секунда загрузки обходится вам потерями трафика.
6. Загружайте на сайт изображения точно по размеру
Об оптимизации веса изображений мы уже рассказали, а сейчас поговорим о целесообразности загрузки больших изображений.
К примеру, вы загрузили картинку в размере 2500х1500 пикселей, а на странице она должна отображаться в размере 250х150 пикселей. Несмотря на то, что фактически показывается картинка небольшого размера, для ее отображения большое изображение должно загрузиться полностью. Если таких картинок на странице несколько — это может существенно повлиять на скорость загрузки.
Что с этим делать?
Создавайте изображения в том размере, в котором они должны отображаться на сайте. Размер можно изменить в Фотошопе. Выберите Изображение > Размер изображения:
Укажите нужное значение пикселей. Измените только одно значение (например, ширину). Значение высоты автоматически подстроится, сохраняя пропорции.
Посмотрите, как много лишнего «веса» картинки мы можем убрать таким способом:
Изменение размеров позволяет в 130 раз уменьшить вес файла с картинкой
Если не можете использовать Фотошоп, можно воспользоваться онлайн редакторами (например, PIXLR) или сервисами по обработке картинок. Например, ресайз картинок от Slide.ly позволяет подогнать иллюстрацию под форматы соцсетей или произвольный размер.
Пример
В карточках новостей картинки отображаются в уменьшенном виде. Смотрим код — изображение меньшего размера:
На странице новости отображается полноразмерная картинка большего разрешения:
Совет: если у вас в статье размещена большая детализированная инфографика или сложный скриншот, их также стоит разместить с превью и открывать оригинал по клику. Это не только снизит скорость загрузки, но и будет удобнее для посетителей, которые смогут рассмотреть все детали на большой картинке.
7. Используйте адаптивные картинки
Адаптивность — не роскошь, а необходимость. Важно, чтобы картинки корректно отображались на любых устройствах: от смартфонов до retina-дисплеев с высоким разрешением. Для этого размер картинок должен соответствовать размерам экрана устройства, с которого пользователь будет их просматривать.
Например, вы разместили фото в разрешении 800х400 пикселей:
- Один пользователь зайдет на сайт со смартфона, и фотография будет смотреться нормально.
- Другой пользователь использует iMac с retina-дисплеем. На таком дисплее картинка будет отображаться с существенной визуальной потерей качества.
Что можно сделать: загрузите несколько вариантов исходного изображения (в разных размерах) и показывайте для экранов с разным разрешением картинки соответствующих размеров.
Используйте для этого атрибут srcset. С его помощью можно указать в элементе <img> несколько версий одного изображения для экранов разных размеров.
Вот так выглядит html-код:
<img srcset="example-320w.jpg 320w, example-480w.jpg 480w, example-800w.jpg 800w" src="example-800w.jpg" alt="адаптивная страница">
А так это реализовано у Лайфхакера, например:
В исходном коде страницы указаны ссылки на картинки разного размера для адаптации под различные устройства
8. Заполните атрибуты title и alt
Поисковые системы рекомендуют всегда заполнять атрибуты title и alt. Особенно это важно для страниц, контент которых состоит по большей части из изображений.
Title предоставляет дополнительную информацию о картинке. Текст, указанный с помощью этого атрибута, показывается при наведении курсора на изображение:
При наведении курсора на картинку всплывает текст из атрибута title
Вот так выглядит код, в котором заданы атрибуты title и alt:
<img alt="Фото необычной островной кухни" src="https://designmyhome.ru/sites/default/files/styles/large/public/inline/images/14/neobychnaya_ostrovnaya_kuhnya.jpg" title="Необычная островная кухня">
Атрибут alt — текстовая альтернатива для изображений. Используется для того, чтобы описать содержимое или суть картинки.
Если браузер по какой-то причине не может загрузить или отрисовать картинку — он покажет текст, который указан в этом атрибуте.
Картинка не грузится, но, по-крайней мере, можно понять о чем она
Нужно обязательно добавлять альтернативное описание картинки:
- Если картинка не загрузится, браузер покажет описание и пользователь сможет хотя бы понять, что он должен был увидеть.
- Полезно для ранжирования. Используйте ключевые слова в атрибутах. Это поможет поисковым роботам понять, что изображено на картинке, и затем предлагать ее в ответ на релевантный запрос пользователей в поиске по картинкам.
- Альтернативное описание может служить как анкор для внутренней ссылки, если изображение — это ссылка на другую страницу сайта.
Вот несколько простых правил для атрибутов alt:
- Заполняйте атрибуты alt для каждого изображения (особенно это касается фотографий товаров).
- Описание должно быть коротким, написано простым языком.
- Если вы продаете товары с номерами моделей или серийными номерами, используйте их в атрибутах alt.
- Размещайте в alt только те ключевые слова, которые относятся к изображению.
- Избегайте переспама.
Хороший пример того, как правильно заполнять атрибут alt, приводит Google в справке для вебмастеров:
9. Создайте Sitemap-файл для изображений
Чтобы убедиться, что поисковые роботы проиндексируют все изображения на страницах сайта, следует указать их в Sitemap-файле.
Это поможет поисковым роботам найти те изображения, которые иначе они бы не обнаружили (например, если изображения загружаются с помощью JavaScript).
Для картинок можно создать отдельный XML-файл или обновить существующую карту сайта.
В Sitemap-файле для изображений (в отличие от обычных XML-файлов) можно указывать URL с других доменов. Это позволяет использовать CDN (Content Delivery Network — сеть доставки контента) для размещения графических файлов.
Пример кода:
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="https://www.yandex.ru/schemas/sitemap-image/1.1"> <urlv <loc>http://example.com/primer.html</loc> <image:image> <image:loc>http://example.com/image.png</image:loc> <image:geo_location>Карелия</image:geo_location> </image:image> </url> </urlset>
С помощью такого синтаксиса можно указать до 1000 изображений для одной страницы.
Подробнее о Sitemap-файлах для изображений: справка Google, справка Яндекс.
Для сайтов на WordPress есть специальный плагин Google XML Sitemap for Images, который автоматически создает Sitemap-файл для всех изображений, которые вы загружаете на сайт.
10. Добавьте подписи к изображениям
Подпись — это текст, сопровождающий изображение на странице. Например, так:
Так выглядят подписи к картинкам. Кстати, то, что вы сейчас читаете — тоже подпись
Почему важно добавлять подписи? Потому что люди обращают на них внимание при быстром сканировании страницы.
Подписи под изображениями читаются в среднем на 300% чаще, чем основной текст, поэтому отсутствие их или неправильное использование означает упущение возможности привлечь огромное количество потенциальных читателей (KissMetrics, 2012).
Что можно сделать в подписи:
- написать о том, что изображено на картинке или фотографии, особенно если это неочевидно или пояснение важно для статьи в целом,
- разместить дополнительную полезную информацию,
- добавить ключевое слово.
Подписи изображений также хорошо влияют на SEO. Дело в том, что поисковые роботы для понимания того, что изображено на картинке, учитывают контекст, в котором она размещена. То есть прилегающий к картинке текст — расположенный в непосредственной близости к картинке, играет значительную роль. Этот текст роботы используют для поиска изображений.
И все же главное, о чем нужно думать, — будет ли эта подпись полезна для пользователя. Размещайте в подписи важную информацию, которая относится к изображению. Также подписи важны для скриншотов интерфейсов или изображений, которые могут быть не всем понятны.
Пример уточняющей подписи в статье о карте сайта
Важно: чтобы подпись была в глазах поисковика не еще одной строкой основного текста, размещайте этот текст именно как подпись к картинке — большинство CMS позволяет это сделать.
Специальный класс для картинок с подписью
11. Используйте микроразметку Open Graph и Twitter Card
Микроразметки Open Graph и Twitter Cards нужны для того, чтобы настроить внешний вид поста в социальных сетях при репосте статьи с сайта.
Если вы публикуете на сайте интересный и полезный контент для пользователей, то вам обязательно нужно внедрить микроразметку.
И когда пользователи захотят поделиться статьей у себя в соцсетях:
- такой пост будет выглядеть привлекательно;
- подтянется нужная картинка с правильными размерами;
- ссылка будет иметь правильный заголовок и описание.
Это важно. Чем лучше будет выглядеть пост со ссылкой на ваш сайт — тем выше вероятность, что другие пользователи кликнут по нему и перейдут на сайт
Open Graph
Разметка Open Graph — разработка Facebook. Кроме Facebook, ее также используют несколько других соцсетей: ВКонтакте, Google+, Twitter, LinkedIn, Pinterest.
Вот как выглядит пост в Фейсбуке, если мы размещаем ссылку на статью с разметкой Open Graph:
А так — если на странице нет микроразметки:
Код микроразметки Open Graph для изображений выглядит так:
Микроразметка Open Graph в исходном коде страницы
Подробнее о микроразметке можно почитать в справке Яндекса, а также в официальном руководстве.
А еще у нас есть подробная статья о разметке Open Graph.
Twitter Cards
Twitter Cards отвечает за внешний вид постов в Твиттере. Если этой разметки нет, Твиттер использует Open Graph.
Так выглядит код с разметкой Twitter Cards:
Микроразметка Twitter Cards в исходном коде страницы
Подробнее о микроразметке Twitter Cards — в руководстве Твиттера.
Как добавить
Для сайтов на WordPress микроразметку можно добавлять автоматически с помощью плагинов Yoast SEO или All In One Seo Pack.
Также есть плагины и для других CMS:
Почему это хорошо для оптимизации: более привлекательные репосты в соцсетях дадут вам более качественный трафик на сайт.
12. Структурированные данные Schema.org — для лучшего отображения в поиске
Еще один вид микроразметки, который стоит использовать — Schema.org. С ее помощью вы можете точно указать поисковым системам, какой тип контента представлен на странице.
В основном Schema. org влияет на внешний вид сниппетов в поисковой выдаче, но также может учитываться и в поиске по картинкам.
Например, в Google Картинках изображения из карточек товаров (размеченных с помощью Schema.org) будут отображаться со специальным значком «Продукт»:
В Google Картинках поддерживаются структурированные данные для нескольких типов контента:
- товары,
- видео,
- рецепты.
Пример кода разметки для товара:
Разметка Schema.org для страницы товара
Подробнее о разметке можно почитать в справочных материалах Google:
13. Размещайте изображения на своем хостинге
Иногда изображения размещают на сторонних ресурсах (например, на хостингах для картинок Imgur, FactPic или других). Это делают для экономии места на собственном хостинге.
Такой вариант сопряжен с рисками — если фотохостинг будет перегружен трафиком либо изменит правила хранения и отображения картинок, иллюстрации на вашем сайте могут не загружаться или загружаться не все.
Лучше размещать все изображения на собственном веб-сайте. Воспользуйтесь рекомендациями по оптимизации размера файлов изображений, чтобы они загружались быстрее и не замедляли работу веб-страниц.
Сети доставки контента (CDN)
CDN — отличный вариант для того, чтобы не перегружать страницы своего сайта изображениями и другими медиафайлами. Сети доставки контента могут увеличить скорость загрузки вашей страницы и помочь решить проблемы с пропускной способностью.
Единственный недостаток — когда дело доходит до обратных ссылок. Картинка размещается на домене CDN. Поэтому когда кто-то ссылается на изображение с вашего сайта, он фактически ссылается на CDN. Таким образом ваш сайт недополучает ссылочную массу.
Рекомендации:
- Для крупных ресурсов с огромным количеством медиаконтента и миллионной посещаемостью можно использовать CDN, чтобы не терять трафик из-за медленной загрузки страниц.
- Сайты с ежедневной посещаемостью в несколько тысяч посетителей, скорее всего, могут справиться и без CDN.
Несколько слов от поисковых систем
Google рекомендует:
- Использовать только те изображения, которые вписываются в контекст страницы и дополняют остальное содержание по смыслу.
- Не использовать неоригинальные изображения.
- Размещать картинки рядом с релевантным текстом.
- Заполнять атрибуты alt.
- Уделять внимание качеству и содержанию страниц. Google учитывает качество информации с сайта при ранжировании картинок. А также может использовать фрагменты текста страницы в описаниях к изображению в Google Картинках.
- Прорабатывать структуру URL для изображений, так как кроме названий файлов картинок Google также учитывает пути в URL.
- Оптимизировать сайт под просмотр с мобильных устройств.
Яндекс рекомендует:
- Размещать качественные изображения.
- Уделять внимание качеству сайта в целом.
- Всегда прописывать атрибуты title и alt.
- Прилегающий к изображениям текст должен быть релевантным картинке.
Чек-лист: обязательные условия оптимизации картинок
- Размещайте только релевантные изображения. Они должны дополнять основной контент страницы или объяснять что-то быстрее и лучше, чем текст.
- Используйте оригинальные изображения или изображения с открытой лицензией. В России уже есть случаи, когда за использование чужих фотографий приходится выплачивать штрафы.
- Давайте файлам изображений понятные названия.
- Выбирайте оптимальный формат. Для большинства случаев подойдет JPEG.
- Сжимайте картинки, если визуально не будет заметно потерь качества.
- Загружайте изображения в тех размерах, в которых они будут отображаться на сайте.
- Для разных экранов — разные версии одного изображения.
- Обязательно прописывайте title и alt.
- Добавьте список изображений в Sitemap-файл.
- Подписывайте изображения, если это полезно для пользователей.
- Позаботьтесь о внешнем виде постов в соцсетях с ссылками на ваши статьи. Тут вам помогут OpenGraph и Twitter Cards.
- Используйте Schema.org.
- Лучше размещать медиаконтент на своем хостинге. Если его слишком много — используйте CDN.
Поисковая оптимизация картинок и изображений
Для чего необходимо поисковой оптимизации картинок и изображений
Чтобы повысить шансы на получение более высокого места в поисковой выдаче. Правильные SEO-настройки фото учитываются поисковыми системами Яндекса и Google, поэтому необходимы для продвижения. В этих поисковиках есть отдельный раздел «Картинки» — там можно попасть в ТОП по изображениям сайта, даже если он сам туда не входит.
Приятные и красивые фото привлекают внимание и отражаются на поведенческих факторах ранжирования. Они увеличивают глубину просмотра и время сеанса. Подробнее про поведенческие факторы мы писали в блоге AskUsers.
Пользователи смотрят изображения и выбирают товары по фото. Коммерческие сайты вкладывают в SEO-продвижение картинок больше усилий, чем в текст.
Разберем основные SEO-показатели, научимся заполнять атрибуты Alt и Title и посмотрим, как размер картинки влияет на индексирование сайта.
Выбираем оптимальный формат картинок
- Если нужна анимация, выбирайте GIF.
- Для линейных рисунков и инфографики сохраняйте в PNG. Он подойдет, чтобы сохранить мелкие детали.
- Под векторную графику берите SVG — этот формат сделает изображение масштабируемым.
- Для остальных картинок и фото — JPEG.
Какие изображения не подойдут для SEO-продвижения
Поисковые системы оценят уникальные и качественные фото. Все как с текстом — слабый рерайт и постоянное цитирование сделают его неуникальным и приведут к потере позиций в выдаче. Поисковые роботы сразу поймут, что изображение, защищенное авторскими правами, украдено. Чтобы такого не происходило, создавайте картинки и графику сами и фотографируйте. Или ищите изображения со свободной лицензией — например, для использования в некоммерческих целей. Можно настроить поиск в Яндексе и Google или зайти в фотостоки — Unsplash, Pixabay, Pexels, Freerange Stock.
Прописываем теги Alt и Title
Атрибуты для фото — техническая часть. По ним поисковики понимают содержание и выдают картинки по релевантным запросам. Alt и Title прописывают в HTML-коде в теге .
Title картинки — ее название. Этот тег не должен повторять Title страницы или сайта. Автоматически генерируемый Title (23232dfhry.jpg) не поможет с SEO-продвижением, а название «Тауэрский мост» передает суть фото. И продублируйте текст латиницей в имени файла с изображением — tauerskiy-most.jpg. Про тег Title и название страницы мы уже писали в блоге.
Атрибут Alt рассказывает, что изображено на фото. Его также анализируют поисковые роботы, а пользователь увидит содержания Alt, если при загрузке изображения произойдет ошибка. Тег Alt для картинок должен быть уникальным и не повторяться на других фото. Подбирайте для текста атрибута ключевые слова и Long Tail запросы, на которые поисковые системы будут ориентироваться при ранжировании сайта. Alt должен быть простым и понятным, его размер не превышает 160 символов. Для фото с Title «Тауэрский мост» подойдет текст Alt — Фото Тауэрского моста с видом на Темзу.
Итоговая строка кода выглядит так:
Для атрибутов Alt и Title необходимо оптимизировать текст. Смотрите, как текущие SEO-настройки влияют на ранжирование в выдаче, и меняйте их, дополняя теги и расширяя семантическое ядро. Текст можно менять и после публикации. Но лучше заранее проверить, нет ли на ресурсе изображений с пустыми Alt и Title. С этим справится программа Seo Screaming Frog.
Создаем карту для изображений
Она попадает в файл robots.txt, который облегчает работу поисковым роботам. Карта нужна, если картинок на сайте много. Яндексу хватит и обычной XML-карты сайта, но алгоритмы Google оценит структурированный список картинок, которые упрощает индексирование. Поэтому для SEO-продвижения лучше создать второй Sitemap.
Оптимизируем размеры и вес
Скорость загрузки сайта входит в число факторов ранжирования. Пользователи не будут ждать дольше нескольких секунд для открытия ресурса и закроют вкладку. Поисковые системы это понимают и следят, чтобы страницы загружались быстро. На это влияет размер и вес картинок.
Сжатие размера изображения уменьшит его вес и увеличит скорость загрузки сайта. На качестве эти изменения не отразятся. Пользователи не заметят разницу между файлами JPEG размером 30 kb и 78kb. А для SEO первый вариант будет лучше. Сервисы компрессии — Optimizilla, Сompressor.io, Guetzli, MozJPEG, ptipic.io — помогают настроить картинки для SEO-продвижения и уменьшают размер на 20-60 процентов.
Если не знаете, нужно ли сжимать фото на сайте, откройте утилиту Ahrefs Site Audi. Она проанализирует ресурс и выделит файлы, размер которых нужно уменьшить.
Заполняем подписи и микроразметку
Пользователю читают текст под картинками, который уточняет и дополняет их содержание. Он похож на Alt, но создан для людей, а не роботов. Поисковые системы тоже анализируют подписи к изображениям, как Title и Alt. Поэтому в их текст стоит добавить ключевые слова. Хватит одного-двух под каждым файлом — заспамленность не нужна. Подписи улучшать релевантность всей страницы.
Для коммерческих изображений прописывайте микроразметку Schema в Google. Это значки с категориями на картинках. Они помогают пользователю определить, что стоит за ними стоит — товар, видео, рецепт, подборка. Под соответствующие файлы добавляйте Schema. Это поможет SEO-продвижению и приведет целевой трафик.
Заключение
Проверяйте настройки фото перед публикацией на сайте, следите за уникальностью текста в тегах Alt и Title и подписях. Не берите чужие файлы без разрешения и изучайте лицензию на использование. Если фото можно размещать только для некоммерческих целей, в карточку с товаром его не добавить.
Продвижение фото требует постоянных доработок. Помимо редактирования текстов к файлам посмотрите на ссылки. Ваши фотографии, инфографики, гифки попадают на другие сайты, которые не ссылаются на вас или оставляют ссылку на сам файл. Для продвижения это не имеет смысла. Поисковые роботы оценивают ссылочную массу страницы, а не отдельного файла. Поэтому поищите свои работы на других ресурсах и свяжитесь с ними, попросив заменить ссылку.
Закажи юзабилити-тестирование прямо сейчас
Заказать
Seо-оптимизация изображений, картинок, фото – мета-теги, улучшение скорости загрузки
3.3 — рейтинг статьи
4 Окт 2017
Очень часто в процессе внутренней оптимизации сайта картинкам уделяется мало внимания. И напрасно, ведь их оптимизация помогает повысить релевантность и поднять трафик с сервисов Яндекс и Гугл Картинки. Безусловно, речь идет об уникальном контенте, чужие фото вряд ли дадут хороший эффект, а вот наказать за их использование вас могут легко. Если своих у вас нет, можно купить их в фотобанке и обязательно поставить водяной знак – логотип своей компании, он не должен закрывать важные места, но и вырезать или затереть его должно быть сложно – так вы обезопасите себя от воровства.
Cео-оптимизация картинок поэтапно
Очевидно, что картинка не должна искажаться, растягиваться или распадаться на пиксели, качество должно быть высоким. Если вы фотографируете самостоятельно, необходимо выставить правильную резкость и баланс белого. Фото лучше всего делать без вспышки, при естественном дневном свете. Если речь идет о товаре, то фон должен быть светлым. Людей лучше всего фотографировать на однотонном фоне. При работе с мелкими товарами (например, бижутерия) необходимо использовать макросъемку.
Пара слов о формате – используйте jpg или png. Другие – более тяжеловесны и не всегда корректно отображаются. Анимированные картинки часто определяются как баннеры или элементы верстки.
Теперь зададим размер изображения. Оно не должно быть меньше 150 пикселей. Крупные изображения должны отображаться в превью и открываться в отдельном окне. При помощи стилей такие картинки уменьшать не стоит, иначе замедлится скорость загрузки сайта. Маленькая хитрость: загружайте на сайт немного сжатые изображения, и если их у вас украдут, то вы сможете выложить оригинал. Таким образом, для поисковых систем станет ясно, у кого больше прав на картинку.
Далее нужно прописать название картинки. Оно должно быть понятным и отображать суть изображения: например, не «99458754DSCIM», а «optimizacija-izobrazhenij» — обязательно транслитом. Впоследствии из этого названия формируется ссылка на картинку.
На сайте нужно заполнить атрибуты alt и title тэга img (русским текстом). Альтернативный текст (alt) должен быть понятным и содержать вхождение ключевого слова. Он не должен быть слишком длинным – 3-8 слов вполне достаточно. Alt нужно заполнять обязательно, по нему поисковые системы распознают, что изображено на картинке. А в title можно добавить дополнительное описание для картинки, оно не должно совпадать с содержимым alt, но частично включать в себя слова из этого атрибута. Также можно заполнить Description изображения, но если данные тэг уже заполнен для страницы, то можно это не делать.
Все эти данные можно заполнить заранее, до загрузки на сайт – в этом вам помогут различные программы и сервисы. Но обязательно проверьте этот способ на небольшом количестве картинок, поскольку при загрузке на сайт может ничего не сохраниться – не все эти программы работают идеально.
Если времени в обрез – сделайте подпись для людей на 150-200 зн., тогда поисковый робот сможет использовать её. Это, конечно, не то, но лучше чем ничего.
Роботу поможет найти ваши картинки атрибуты «HEIGHT» и «WIDTH» (высота и ширина), поскольку в сервисах картинок пользователи могут искать информацию по этим параметрам.
Маленькая хитрость: расположите картинки рядом с заголовками h2-h6 – поисковые системы придают им больше веса.
В итоге получится так:
<img title=»как сделать SEO-оптимизацию картинок пошагово» src=»http://site.ru/optimizacia-kartinok.jpg» alt=»SEO оптимизация картинок» />
Описанные выше методы подходят как для продвижения в Яндексе, так и в Гугле.
Оптимизация картинок для улучшения скорости загрузки
Теперь поговорим о технической оптимизации изображений, что не менее важно для SЕО.
- Очевидно, что большие картинки «утяжеляют» сайт и он будет долго грузиться. Чтобы понять, сколько у вас на странице картинок, требующих сжатия, воспользуйтесь Google Pagespeed Insights:
Там же вы можете скачать оптимизированные медиа-файлы. Но перед загрузкой на сайт обязательно откройте их и посмотрите. Иногда сервис сжимает настолько сильно, что картинки распадаются на пиксели.
- Старайтесь не использовать формат gif и заменять его на png. А png, в свою очередь, можно сжать при помощи различных онлайн-сервисов, которые вы легко сможете найти сами. Большие изображения следует перевести в jpg и тоже сжать с максимальным сохранением качества.
Кроме того, при работе с этим форматом используйте последовательные изображения вместо базовых. Что это значит: первые загружаются постепенно, с увеличением качества, а вторые – по частям. И если у пользователя медленный интернет, то он всё равно разглядит, что изображено на последовательном изображении, а базовое – вряд ли будет ждать.
Также из них нужно вычистить всю лишнюю информацию (теги, дата фото и т.п.). Это добавляет ненужной тяжести.
- Вместо того чтобы использовать масштабирование (когда для большой картинки в административной панели сайта задается намного меньший размер), загружайте сразу небольшие и средние фото.
- При работе в Фотошопе у вас может сохраниться ненужная информация в слоях. И там, где с виду прозрачно, на самом деле может быть занято и объем изображения от этого увеличится. Перед добавлением на сайт проверьте картинку и удалите лишнее.
- Также советуем уменьшить количество изображений. Это не значит, что нужно удалить картинки, просто скомпонуйте несколько картинок в одну. Что это дает, ведь суммарный объем остается таким же? Да, но при загрузке каждого изображения поступает запрос к серверу и на его обработку уходит некоторое время. Когда картинка одна – получается быстрее.
При выполнении всех этих рекомендаций вам помогут различные онлайн-сервисы и программы, в них несложно будет разобраться даже новичку. В общем, ничего сложного, только придется потратить время, но это того стоит – в результате страницы будут грузиться быстро, и вы получите дополнительный трафик с Яндекс и Гугл Картинок.
SEO оптимизация картинок, изображений и фото для сайта
автор:Мария Филатова,
интернет-маркетолог
Качественная статья в Интернете – это не просто объемный текст на тему. Для того, чтобы публикация пользовалась популярностью у читателей, её наполняют дополнительным графическим контентом, помогающим лучше понимать изложенное.
Рисунки составляют солидную часть от общего объема публикации и оказывают такое же влияние на качество статьи, что и текстовая часть. Поэтому изображения для оптимизатора – это ещё один способ улучшить продвигаемый ресурс и привлечь посетителей через выдачу поиска по картинкам.
Технические параметры
Прежде чем заниматься SEO-оптимизацией изображений, стоит уделить внимание техническим параметрам файлов. Выбор напрямую влияет на скорость загрузки страницы, от которой зависит то, насколько быстро роботы Яндекс и Google будут работать с сайтом.
Размер
Алгоритмы поисковых систем устроены так, что при обнаружении нескольких одинаковых фото релевантным считается вариант с наибольшим разрешением. Если размещать несколько крупноразмерных снимков на одной странице, пострадает скорость загрузки. Для таких случаев придуман лайфхак: публикуются только превью, но с возможностью просмотра оригинала на отдельной странице.
Здесь важно учесть два нюанса:
- Превью не должны быть слишком мелкими. Если размер не превышает 200 пикселей, роботы ПС воспримут её как элементы дизайна и проигнорируют.
- Не допускается сжатие до малых размеров слишком большого изображения. Это и снижает скорость загрузки, и искажает фото до неузнаваемости – в результате поисковики считают это ошибкой оформления, что не идет на пользу продвижению.
Количество сжатых изображений должно быть ограничено. Количество переходит в качество, и большое число пережатых превью сделает страницу слишком «тяжелой» для быстрой загрузки.
Формат
Чем меньше объем файла, тем быстрее он загрузится. Объем напрямую зависит от используемого формата.
Перечень форматов, которые поддерживаются всеми браузерами:
- JPEG (JPG) – используется для растровых изображений, например, фотографий. Популярен благодаря оптимальному балансу между качеством и объемом («весом») файла-картинки;
- GIF – используется для анимации, но в этом случае проигрывает MP4 по объему файла;
- PNG –сохраняет высокую детализацию, а также позволяет добавить частичную прозрачность или тени, если того требует дизайн.
Представленные форматы используются не один десяток лет. Их обновленные варианты (например, JPEG 2000 или AVIF) уже применяются, но пока поддерживаются не всеми браузерами. Тем не менее, Google уже рекомендует использовать JPEG 2000, поэтому полный переход не за горами.
Реже применяются расширения SVG (применяется для дизайнерского оформления, значков и логотипов) и BMP (не пользуется популярностью, поскольку файлы получаются «тяжёлыми»)
Выбор формата зависит от задач страницы, на которой публикуются фото. Так, для посадочных страниц лучше отдать предпочтение PNG, поскольку от первого впечатления посетителя зависит время его пребывания на сайте и вернется ли он в будущем.
Единственные и неповторимые
На вопрос «влияет ли уникальность иллюстраций на ранжирование сайта в поисковой выдаче?» только один ответ: да, влияет. При прочих равных условиях ресурсы с эксклюзивными иллюстрациями занимают более высокие позиции, чем их конкуренты с дублями.
Но это не значит, что если бюджет проекта не выдерживает содержание в штате фотографа или художника, то с первыми позициями в выдаче можно попрощаться. Поисковые системы лояльны к ресурсам с неуникальными картинками, при условии, что в остальном последние не противоречат ключевым требованиям.
Если же на ресурсе представлены уникальные изображения, они нуждаются в правильной защите. Для этого используются вотермарки. Способ не защищает от плагиата полностью, но в случае разбирательств вы легко докажете, что снимки украдены. Если расположить полупрозрачный логотип компании, например, в центре фото, то злоумышленники не смогут опубликовать его без предварительной обработки. Удаление вотермарки требует времени, поэтому им проще найти другой источник.
Эффективнее с точки зрения продвижения использование метаданных IPTC. Технология позволяет указать авторство или право владения в самом файле, а также адрес ресурса, где его опубликовали. Способ позволяет извлечь выгоду даже в случае кражи контента: если изображение опубликовано конкурентами без удаления этих тегов, то ПС это «заметят» и посчитают именно ваш сайт авторитетным источником.
Удачное соседство
Поисковые системы считают страницы с текстом и изображениями более релевантными, чем те, что заполнены исключительно текстовым контентом. Но здесь есть нюанс: иллюстрации должны соответствовать освещаемой теме или – ещё лучше – дополнять ту часть изложения, рядом с которой они располагаются.
Один из способов мягко «соединить» картинку с текстом – сделать к ней подпись с ключевыми словами. К приему прибегают и в том случае, когда графической информации в статье больше, чем письменной.
SEO-атрибуты
Для любого изображения в статье можно и нужно указывать значение нескольких атрибутов.
Alt
Alt – альтернативное описание, в нём указывают то, что присутствует на картинке. Читатель увидит его, если по каким-то причинам иллюстрация не загрузилась. Заполнение именно этого атрибута наиболее важно для SEO-оптимизации.
Чек-лист для проверки правильности заполнения Alt:
Описывает содержание картинки.
- Не вырывается по смыслу из окружающего текста. Существует приём для простой проверки соответствия фото: если убрать его, оставив только описание, то последнее не будет вырываться из контекста статьи.
- Не слишком длинное и сложное – в идеале составляет до 60 символов (в среднем 2-3 слова), не перегружено специальными, знакомыми только профессионалам терминами.
- Включает в себя не более одного ключевого запроса, не страдает переспамом.
- Используемый ключ не дублируется в описаниях других изображений.
- Уникальный среди прочих описаний и метатегов – Title, Description, названия статьей, заголовки и т.д.
Если сайт мультиязычный, то допускается использование одной и той же картинки, но описание при этом представлено на соответствующем языке.
Title
По сути, атрибут Title – это тоже описание картинки, но с одним отличием: он указывается для пользователей. Это тот текст, который увидит пользователь во всплывающей подсказке при наведении курсора.
Важно, чтобы Title был уникальным. В идеале содержимое Alt и Title не пересекаются вовсе. Поэтому лучше оставить атрибут пустым, чем продублировать содержимое Alt.
Название
Хоть название файла – это не атрибут, оно оказывает влияние на то, насколько релевантным считается фото. Использование ЧПУ (сокращение от «человекопонятный URL») – это must have для любого ресурса. Требование распространяется в том числе и на адреса картинок. Понятные названия дополнительно информируют поискового робота о содержимом снимка, что идет только в плюс при ранжировании.
Как Alt и Title, название отражает содержимое: варианты «cats.jpeg» или «koshki.jpeg» более информативны для ботов Яндекс и Google, чем «IMG12345.jpeg». Допустимо давать названия файлов на английском языке или в транслитерации, без пробелов и подчеркиваний; можно использовать дефисы. Если используются ключевые слова, то указывать их нужно в начале.
Напоследок хотелось бы напомнить о двух моментах, которые помогают использовать изображения эффективнее:
- Роботы лучше ранжируют те фото, которые находятся в верхней части страницы. Поэтому самые большие и красивые варианты с правильными атрибутами размещаются в самом начале статьи.
- Храните графический контент на том же сервере, где развернут сайт. Это ускорит загрузку и поможет пользователям, увидевшем снимок в выдаче, попасть именно к вам, а не на сторонний хостинг. Последнее также благоприятно отражается на позициях сайта в рейтинге ПС.
Хотите вывести свой бизнес
на новый уровень?
Как сделать качественные фото товара самостоятельно > Q-SEO
Как сделать красивые фото продукции для интернет-магазина самостоятельно
В кофейне витает манящий аромат свежезаваренного кофе, в магазине электроники играет тихая и спокойная музыка, в мебельном размещены удобные пуфы для покупателей — всё это необязательные атрибуты, но благодаря им шопинг становится в разы приятнее, что увеличивает вероятность того, что посетитель уйдет с покупкой. В интернете же всё гораздо сложнее.
Здесь не получится понюхать или пощупать товар. Чтобы оценить его привлекательность, нужны только глаза. Именно поэтому для предпринимателя важно сделать всё, чтобы показать посетителям сайта свою продукцию с самого выгодного ракурса.
Профессиональные фото автоматически увеличивают цену продукта в глазах потенциальных покупателей и их уровень доверия к самому интернет-магазину или коммерческой странице в социальных сетях.
Однако покупка дорогостоящей фототехники либо съемка в фотостудии — удовольствие не из дешёвых, для начинающих бизнесменов обычно не по карману. По этой причине мы рады представить несколько рекомендаций, способных помочь вам сделать прекрасные фотоснимки товаров прямо в своей квартире (даже если вы делаете фото на обычный смартфон).
Используйте штатив
Фотографируете вы на камеру или на смартфон — неважно, главное пользоваться штативом.
Почему? Если вы фотографируете, держа телефон в руке или поставив на что-то, велика вероятность, что все фотографии будут отличаться. Например, будет визуально разный размер одного и того же товара, смещенный центр фото, попадут края фотозоны и тому подобное.
И пусть нет ничего плохого в том, чтобы держать камеру при съемке всего лишь нескольких фотографий продукта. Но по мере роста вашего бизнеса и увеличения количества фотографий других товаров будет затруднительно стандартизировать представление товара на всех фото.
Эконом-вариант
Штатив — это гарантия, что камера охватит одни и те же масштабы, товары будут находится на одинаковом расстоянии от объектива.
Добавьте «правильное» освещение
Основной секрет красивой фотографии – свет. Без нормального освещения не получится четкий, красочный фотоснимок. Дефицит света плохо сказывается на фото — картинка получается смазанной (из-за долгой выдержки, поскольку фотокамера хочет фокусироваться), «шумной». Однако нам необходимо фото продукции с четко различимыми фрагментами.
Плохой и правильный свет
Рекомендация — использование дневного света. Пасмурная погода — лучший вариант. Прямые лучи солнца не подойдут, так как обеспечивают чересчур высокий контраст яркого освещения и усиленных теней. Вспышкой пользоваться не стоит она даст резкий и некрасивый свет.
Дневной свет еще называют «мягкий свет», потому что солнце излучает более мягкий диапазон света, чем лампа, светящая прямо на изделие. Выгоднее всего при дневном свете смотрятся:
- Товары, которые будут использоваться на улице.
- Товары, которые будет носить человек (люди обычно выглядят лучше при естественном освещении).
Опытом решила поделиться Валентина Барда, владелица интернет-сайта «Алиби Джевелс»:
«Для сайта мне зачастую приходится фотографировать аксессуары — браслеты и подвески. Для получения четких ярких фото я беру белую бумагу как фон и софтбокс, который запросто можно заменить дневным светом.»
Иногда не обойтись без искусственного света.
Чаще всего используются лампочки. Искусственный свет называют «жестким светом», потому что он создает меньшую, но более сфокусированную световую поверхность. Этот тип освещения предназначен для товаров с деталями, которые необходимо выделить, чтобы произвести впечатление на онлайн-покупателя.
Работайте только с одним типом освещения для фото. Ведь добавление естественного света к искусственному может смягчить черты товара, который должен выглядеть четким. А добавление искусственного света к естественно освещенной фотографии может сделать товар слишком резким.
Заполните или отразите свет, чтобы смягчить тени
Неважно используете ли вы мягкий свет или жесткий, вам нужно уменьшить тени с противоположной стороны объекта от любых источников яркого света.
Вот два способа, как это сделать:
1) Включите другой, менее интенсивный источник света, чтобы дополнить основной свет. Этот дополнительный свет называется заполняющим светом и используется в качестве противовеса для смягчения естественной тени, которая отбрасывается от источника света. Расположите заполняющий свет напротив основного, чтобы товар находился между ними.
2) Поставьте отражатель света напротив основного источника. Отражатель можно сделать своими руками — закрепить белый лист бумаги на чем-то, поставить пенопласт или немного потратить время и сделать отражатель самостоятельно. Купите металлизированный картон и сформируйте из него устойчивую конструкцию. Можно даже сделать 2 штуки, чтобы устанавливать отражатели в двух углах объекта.
Ваша цель — смягчить тень и подчеркнуть ценные для пользователя качества товара:
Выберете правильный фон
Для фона советуем применять однотонный текстиль, доску из дерева либо обычный ватман. Обойдитесь без клетчатых пледов, разноцветных простыней и других деталей, которые делают изображение наляпистым и отвлекают внимание от самой продукции.
Универсальным для фона считается белый цвет. Но существуют исключения: иногда лучше подбирать эффектный броский фон. К примеру, если на страницах вашего онлайн-магазина преобладает белый фон и фотоснимки с ним. В этом случае фото потеряют свои границы. Товары будут казаться разложенными по самой веб-странице. Не бойтесь экспериментировать! Разместите на фоне (вариант цветовой гаммы подскажет сам продукт) свой продукт, выключите вспышку и фотографируйте.
Самый простой вариант фона — это ватман или ткань, которую закрепили следующим образом:
На фото не будет видно лишних границ или изгибов:
Еще рекомендация: всегда следите за тем, чтобы товар, фото которого вы делаете, всегда находился в фокусе. Для этого на смартфонах используйте режим портретной съемки или выборочный фокус.
Например, вот фото ручки с логотипом Q-SEO, сделанное с помощью выборочного фокуса:
Придерживайтесь единого стиля
Все фото продукции на вашем сайте должны быть схожи между собой. То есть они должны одинаково освещаться, быть одного размера и иметь один и тот же фон. Единство стиля дает возможность добиться эстетичности всех веб-страниц, а также облегчить посетителям выбор товаров.
Делайте фотографии с нескольких ракурсов
Размещайте на сайте, как минимум, два изображения каждого товара. Перед приобретением каждый хочет узнать о нем подробнее. Это значит, что лучше добавить еще несколько снимков продукции в отличном разрешении, а если это невозможно (фото сделано на телефон), то необходимо сфотографировать отдельные элементы либо по максимуму приблизить товар.
Макросъемка — идеальный вариант. Фотокамеры в современных телефонах становятся все мощнее, а благодаря удобству работы с приложением-камерой и отсутствию большого количества сложных настроек намного легче получить действительно великолепные макроснимки.
Преимущества очевидны — прежде всего, можно рассмотреть продаваемый на сайте продукт детальнее. В этом случае внимание клиента сосредотачивается исключительно на нем. Еще лучше, если в кадре находится объект, позволяющий оценить масштаб (к примеру, шариковая ручка).
Продемонстрируйте товар в действии
Добавьте несколько фотоснимков, где продукт используется на практике. К примеру, если вы продаете офисную технику, можно сделать ее фото в интерьере. Если реализуете одежду, то уверенно задействуйте своих подружек в роли манекенщиц. Так клиенты сразу же смогут понять габаритные размеры и характеристики, лицезрея продукт в окружении обыденных предметов, а не в фотостудии.
Показ товара в той среде, в которой он может использоваться, формирует нужную обстановку и предлагает идею использования этого продукта.
Используйте окружение… или котиков
Оригинальная демонстрация продукта – залог его успешной продажи. Сфотографируйте его с неординарных углов съемки, примените среду вокруг него и найдите особенную подачу ваших товаров.
Валентина Барда рассказывает:
«Была суббота. Я работала дома за ноутбуком, окружив себя подвесами и кольцами и редактируя фото для сайта. Внезапно мой котик вскочил ко мне и лег на ноги. Недолго думая, я разместила возле него пару аксессуаров и зафоткала! Получились весьма эффектные кадры, которые я впоследствии отправила в Инстаграм.»
Невозможно предугадать, с какого ракурса фотографируемый предмет окажет максимальное впечатление или будет заманчивей для клиента, поэтому проверяйте разные варианты.
«Мы фотографировали продукцию в ресторане на мансарде с огромными окнами. Заняли два стола: на первом разместили все аксессуары, за вторым делали фото. Посетители, которые сидели рядом, наблюдали. Затем не постеснялись подойти и даже приобрели несколько вещей.»
Итак, запаситесь оптимизмом, упорством и делайте стильные фото для своего онлайн-магазина, которые станут в дальнейшем приносить вам доход.
Найдите удачный естественный свет, применяйте однородный фон, делайте несколько фотоснимков одного и того же продукта с разных углов и в разнообразной среде, проявите креатив! Ваша задача — продать как можно больше товара. А делать это нужно уметь со вкусом.
Комментарии
Комментарии
Bof Hotels Ceo Suites Atasehir 5* Стамбул, Турция – цены отеля, отзывы, фото, номера
В какое время заезд и выезд в Отеле «Bof Hotels Ceo Suites Atasehir»?
Заезд в Отель «Bof Hotels Ceo Suites Atasehir» возможен после 14:00, а выезд необходимо осуществить до 15:00.
Сколько стоит проживание в Отеле «Bof Hotels Ceo Suites Atasehir»?
Цены на проживание в Отеле «Bof Hotels Ceo Suites Atasehir» будут зависеть от условий поиска: даты поездки, количество гостей, тарифы.
Чтобы увидеть цены, введите нужные даты.
Какие способы оплаты проживания предусмотрены в отеле?
Способы и сроки частичной или полной предоплаты зависят от условий выбранного тарифа. Отель «Bof Hotels Ceo Suites Atasehir» принимает следующие варианты оплаты: Visa, Euro/Mastercard, Maestro, UnionPay credit card, Bankcard, American Express.
Есть ли скидки на проживание в номерах «Bof Hotels Ceo Suites Atasehir»?
Да, Отель «Bof Hotels Ceo Suites Atasehir» предоставляет скидки и спецпредложения. Чтобы увидеть актуальные предложения, введите даты поездки.
Какой общий номерной фонд у Отеля «Bof Hotels Ceo Suites Atasehir»?
В Отеле «Bof Hotels Ceo Suites Atasehir» 198 номеров.
Какие категории номеров есть в Отеле «Bof Hotels Ceo Suites Atasehir»?
Для бронирования доступны следующие категории номеров:
Студио (Номер-студио)
Сьюит (Люкс)
Сьюит (Суперлюкс)
Сьюит (Люкс с кроватью размера «king-size» — «Мармара»)
Сьюит (Люкс с кроватью размера «king-size» — «Девичья башня»)
Сьюит (Люкс с видом на город)
Сьюит (Люкс с кроватью размера «king-size» — «Адалар»)
Сьюит (Президентский люкс)
Сьюит (Люкс с кроватью размера «queen-size»)
Сьюит (Семейный люкс)
Чем заняться на территории «Bof Hotels Ceo Suites Atasehir» в свободное время?
Гости могут воспользоваться перечисленными услугами из списка ниже. Внимание! За услуги может взиматься дополнительная оплата.
Турецкая баня
Массаж
Сад
Чем заняться детям на территории «Bof Hotels Ceo Suites Atasehir» в свободное время?
В Отеле «Bof Hotels Ceo Suites Atasehir» предусмотрены следующие услуги для маленьких детей. Внимание! За услуги может взиматься дополнительная оплата.
Детские телеканалы
Буфет, подходящий для детей
Отель «Bof Hotels Ceo Suites Atasehir» предоставляет услугу парковки?
Да, в Отеле «Bof Hotels Ceo Suites Atasehir» предусмотрена услуга парковки вашего автомобиля. Пожалуйста, перед бронированием уточните возможную дополнительную оплату и условия стоянки.
11 важных советов по оптимизации изображений, которые необходимо знать
Вспомните, когда вы в последний раз загружали изображение на свой веб-сайт. Скорее всего, вы загрузили его с сайта стоковой фотографии, загрузили на серверную часть своего сайта, а затем вставили на страницу.
Это яркий пример оптимизации изображений, верно? Не совсем.
Вы добавили на свой сайт огромный шар для боулинга, который снижает скорость загрузки страниц. А поисковые системы не могут читать ваши изображения без замещающего текста.
Давайте изменим это.
Согласно данным Jumpshot за 2018 год, более 20% всех поисковых запросов в Интернете происходит через Google Images.
Как любители, так и профессионалы в области SEO знают, что оптимизация изображений для вашего сайта, как известно, стоит потраченного времени.
Дэн Морган из WebSpection получил одну из своих фотографий на 1-е место в Google Images в категории «Лучший человек Кардиффа» менее чем за четыре дня благодаря оптимизации изображения.
И Робби Ричардс сгенерировал 150 732 посещения за счет добавления тегов alt к изображениям, сжатия изображений и некоторых других приемов SEO.
Реклама
Читать ниже
Без надлежащей оптимизации изображений вы теряете ценный ресурс SEO.
Это похоже на то, что поисковые системы бесплатно раздают Oreos и молоко. Но вы берете только Oreo. На самом деле Oreo лучше макать в молоко.
Оптимизация изображений дает множество преимуществ, таких как лучший пользовательский интерфейс, более быстрое время загрузки страницы и дополнительные возможности ранжирования. И эта роль становится все более важной.
Как отметил Мэтт Саузерн, заявление Гэри Иллиса о поиске изображений в недавнем чате на Reddit:
«Мы просто знаем, что поиск медиа слишком игнорируется для того, что он может сделать для издателей, поэтому мы бросаем больше инженеров. на это, а также на расширение охвата «.
Но какие факторы наиболее важны для того, чтобы ваши изображения были доступны для поиска и не замедляли работу вашего сайта?
Вот 11 важных советов по оптимизации изображений, которые вам необходимо знать.
1. Выберите правильный формат
Декодирование всех различных форматов изображений может казаться вашим первым заказом в Taco Bell. Но прежде чем вы сможете начать добавлять изображения на свой сайт, убедитесь, что вы выбрали лучший тип файла.
Реклама
Продолжить чтение ниже
Несмотря на то, что существует множество форматов изображений на выбор, PNG и JPEG являются наиболее распространенными для Интернета.
- PNG : Создает изображения более высокого качества, но имеет больший размер файла.
- JPEG : вы можете потерять качество изображения, но вы можете отрегулировать уровень качества, чтобы найти хороший баланс.
- WebP: Выберите сжатие без потерь или с потерями, используя этот формат, единственный формат изображения, поддерживаемый как Chrome, так и Firefox.
Для меня PNG — незамеченный герой форматирования изображений. Обычно я использую JPEG только для больших и визуальных изображений, сделанных настоящим фотографом. Но для повседневного использования PNG — лучший вариант.
2. Сжатие изображений
Ага, черт возьми, нет такой ярости, как раздутая веб-страница после загрузки несжатого изображения.
Поисковые системы будут смотреть на вашу веб-страницу так, как если бы вы смотрели на большой чан с Crisco: Вы не можете серьезно подумать о том, чтобы разместить это на вашем веб-сайте, верно?
Согласно HTTP Archive, изображения составляют в среднем 21% от общего веса веб-страницы.
Вот почему я настоятельно рекомендую сжать изображения перед загрузкой на сайт. Вы можете сделать это в Photoshop или использовать такой инструмент, как TinyPNG. У TingPNG также есть плагин WordPress, который вы тоже можете использовать.
Однако я предпочитаю WP Smush в качестве плагина для WordPress. Уменьшает размер файла изображения без потери качества. Какой бы плагин вы ни использовали, обязательно найдите тот, который сжимает изображения извне на своих серверах. Это снижает нагрузку на ваш собственный сайт.
Или сделайте еще один шаг и используйте CDN образа, который обнаруживает устройство и оптимизирует изображение перед доставкой. Cloudinary и Imgix — два варианта, которые стоит попробовать.
Increasingly.com повысил скорость веб-сайта на 33% / 2 секунды за счет сжатия изображений.
Я имею в виду, что есть что-то сексуальное в более высокой скорости страницы после сжатия изображений.
Если вы не знаете, как изображения влияют на скорость загрузки страницы, я рекомендую использовать инструмент Google PageSpeed Insights.
3. Создавайте уникальные изображения
Вы хотите, чтобы ваши фотографии появлялись на вашем сайте. Если вы заполните свой веб-сайт стандартными изображениями, вы будете выглядеть неоригинально — как тысячи других сайтов, которые ничем не выделяются.
Слишком много веб-сайтов загромождено одними и теми же стандартными фотографиями.
Реклама
Продолжить чтение ниже
Подумайте о корпоративном веб-сайте, консалтинговой фирме, бизнесе, который гордится обслуживанием клиентов. На всех этих сайтах используется практически одно и то же изображение улыбающегося бизнесмена.
Я уверен, что вы видели один, который выглядит так:
Хотя ваши стоковые изображения могут быть идеально оптимизированы, это не будет иметь такого же воздействия или потенциальных преимуществ для SEO, как исходное высококачественное изображение. .
Реклама
Продолжить чтение ниже
Чем больше у вас оригинальных изображений, тем больше у вас впечатлений от пользователя и тем выше ваши шансы на ранжирование в релевантных поисковых запросах.
Имейте в виду, что большие изображения с большей вероятностью будут представлены в Google Discover. Как рекомендует Google в своем ресурсе Advanced SEO: «Большие изображения должны иметь ширину не менее , 1200 пикселей, и разрешаться настройкой max-image-preview: large
или с помощью AMP». Не используйте свой логотип в качестве изображения.
4. Остерегайтесь авторских прав
Независимо от того, какие файлы изображений вы выберете для использования, убедитесь, что нет конфликта авторских прав.
Почтовая служба платит 3,5 миллиона долларов по иску о нарушении авторских прав на изображения. И на Sketchers подали в суд на 2,5 миллиона долларов.
Если Getty, Shutterstock, DepositFiles или какой-либо другой поставщик стоковых фотографий владеет изображением, которое вы используете, и у вас нет лицензии на его использование, вы рискуете получить дорогостоящий судебный процесс.
В соответствии с Законом об авторском праве в цифровую эпоху (DMCA) вам может быть выдано уведомление, если вы нарушили какие-либо вопросы авторского права.Если владелец контента увидит его контент на вашем веб-сайте, он может объявить о нарушении закона США «Об авторском праве в цифровую эпоху» (DMCA), который вы должны соблюдать.
Реклама
Продолжить чтение ниже
Google Images позволяет фильтровать результаты на основе тех, которые доступны для повторного использования. Минди Вайнштейн делится 41 разным веб-сайтом, чтобы найти бесплатные изображения.
5. Настройка имен файлов изображений
Когда дело доходит до SEO, создание описательных, богатых ключевыми словами имен файлов имеет решающее значение.
Не изменить имя файла изображения — все равно что получить буррито, в котором ничего нет. Это просто отстой.
Имена файлов изображений предупреждают Google и другие сканеры поисковых систем о предмете изображения.
Обычно имена файлов имеют вид «IMG_722019» или что-то подобное. Это похоже на заказ из меню на другом языке. Это не помогает Google.
Измените имя файла по умолчанию, чтобы помочь поисковым системам понять ваше изображение и повысить эффективность SEO.
Это требует некоторой работы, в зависимости от того, насколько обширна ваша медиабиблиотека, но изменение имени изображения по умолчанию всегда является хорошей идеей. Возьмем, к примеру, это изображение шоколада:
Я мог бы назвать его просто «шоколад», но если вы продаете шоколад на своем веб-сайте, потенциально каждое изображение можно назвать «шоколад-1», «шоколад-2» и т. Д. на.
Реклама
Продолжить чтение ниже
Я назвал это изображение «темный шоколад-кофе», чтобы пользователи и поисковые системы могли его понять.
6. Напишите альтернативный текст для поисковых систем
Alt-теги — это текстовая альтернатива изображениям, когда браузер не может их правильно отобразить. Подобно заголовку, атрибут alt используется для описания содержимого файла изображения.
Когда изображение не загружается, вы получаете окно изображения с тегом alt в верхнем левом углу. Убедитесь, что они подходят к образу и делают рисунок актуальным.
Обращение внимания на альтернативные теги также полезно для общей стратегии SEO на странице.Вы хотите убедиться, что все остальные области оптимизации на месте, но если изображение не загружается по какой-либо причине, пользователи увидят, каким должно быть изображение.
Кроме того, добавление соответствующих тегов alt к изображениям на вашем веб-сайте может помочь вашему веб-сайту достичь более высоких позиций в поисковых системах за счет связывания ключевых слов с изображениями. Даже Google отметил ценность замещающего текста в изображениях.
Реклама
Продолжить чтение ниже
Он предоставляет Google полезную информацию о предмете изображения.Мы используем эту информацию, чтобы определить лучшее изображение, которое нужно вернуть по запросу пользователя.
Альтернативный текст требуется в соответствии с Законом США об инвалидах для лиц, которые не могут сами просматривать изображения. Описательный замещающий текст может точно предупредить пользователей о том, что изображено на фотографии. Например, скажем, у вас есть изображение шоколада на вашем сайте.
Альтернативный текст может выглядеть следующим образом:
Однако лучший альтернативный текст, описывающий изображение, будет выглядеть так:
Альтернативный текст доступен для просмотра в кэшированной текстовой версии страницы, что помогает как пользователям, так и поисковым системам. Для дополнительной ценности SEO альтернативный текст может действовать как якорный текст внутренней ссылки, когда изображение ссылается на другую страницу сайта.
7. Подумайте о структуре файла изображения
В 2018 году Google обновил свои рекомендации по изображениям. Одним из основных обновлений, которые они обнаружили, было то, что они использовали путь к файлу и имя файла для ранжирования изображений.
Объявление
Продолжить чтение ниже
Повторить: Путь к файлу и имя файла являются фактическим фактором ранжирования.
Например, если вы являетесь брендом электронной коммерции с несколькими продуктами, вместо того, чтобы помещать все изображения ваших продуктов в общую папку / media /, я бы рекомендовал структурировать ваши подпапки по темам, связанным с другими категориями, например / shorts / или / denim / .
8. Сделайте заголовок и описание вашей страницы
Google также сообщил, что использует заголовок и описание вашей страницы как часть своего алгоритма поиска изображений.
На странице поддержки Google указано:
«Google Images автоматически генерирует заголовок и фрагмент, чтобы лучше всего объяснить каждый результат и то, как он связан с запросом пользователя… Мы используем ряд различных источников для этой информации, включая описательную информацию в заголовок и метатеги «.
Все ваши основные факторы SEO на странице, такие как метаданные, теги заголовков, текст на странице, структурированные данные и т. Д., Влияют на то, как Google ранжирует ваши изображения.
Это все равно, что положить всю начинку на буррито.С гуаком он вкуснее. Поэтому не забудьте добавить гуак для улучшения рейтинга изображений.
Реклама
Продолжить чтение ниже
9. Определите свои размеры
Если вы используете AMP или PWA, вам необходимо указать размеры изображения в исходном коде.
Однако, если вы не используете ни то, ни другое, рекомендуется определить ширину и высоту. Это обеспечивает лучший пользовательский опыт.
Кроме того, он позволяет браузерам изменять размер изображения до загрузки CSS.Это останавливает скачок страницы при загрузке.
Атрибуты размеров изображения также важны для предотвращения проблем совокупного сдвига макета (CLS), которые могут помешать вашей оптимизации Core Web Vitals.
Ключевым моментом является включение атрибутов ширины и высоты для каждого элемента изображения и видео.
Это сообщает браузеру, сколько места следует выделить для ресурса, и предотвращает раздражающее смещение содержимого, которое снижает ваш показатель CLS. Узнайте больше здесь.
10.Сделайте ваши изображения удобными для мобильных устройств
О, SEO для мобильных устройств. В худшем случае это может дать вам высокий показатель отказов и низкую конверсию. Но, в лучшем случае, это может дать вам больше возможностей для ранжирования и улучшить взаимодействие с пользователем.
Реклама
Продолжить чтение ниже
Проблема в том, как оптимизировать изображения для индекса, ориентированного на мобильные устройства?
Вы создаете адаптивные изображения. Это означает, что изображение будет масштабироваться в зависимости от размера сайта, независимо от того, использует ли пользователь настольный компьютер или мобильный телефон.Он подстраивается под размер устройства.
Mozilla предлагает исчерпывающий набор атрибутов srcset
и sizes
для предоставления браузеру дополнительных исходных изображений, что позволяет отображать идентичное содержимое изображения с измененным размером для устройства.
Важно отформатировать это с другой частью значения атрибута в каждой строке, как показано в этом примере из их ресурса:
elva-fairy -800 Вт.jpg 800w "
sizes =" (max-width: 600px) 480px,
800px "
src =" elva-fairy-800w.jpg "
alt =" Эльва в костюме феи ">
Подробнее об использовании srcset для адаптивных изображений здесь.
11. Добавьте изображения в свою карту сайта
Добавляете ли вы изображения в карту сайта или создаете новую карту сайта для изображений, вам нужны изображения где-нибудь в файлах Sitemap.
Реклама
Продолжить чтение ниже
Наличие ваших изображений в карте сайта значительно увеличивает шансы поисковых систем сканировать и индексировать ваши изображения.Таким образом, увеличивается посещаемость сайта.
Если вы используете WordPress, Yoast предлагает решение для карты сайта в своем плагине.
Ключевые выводы по оптимизации изображений
Итак, прежде чем вы начнете загружать свое изображение на свой сайт, обязательно выполните описанные выше ритуалы оптимизации изображения.
Самое главное — убедиться, что изображение и альтернативный текст релевантны странице. Другие важные выводы:
- Выберите правильный формат файла. PNG — мои любимые скриншоты.
- Уменьшите размер файла для более быстрой загрузки страницы.
- Убедитесь, что ваши SEO-элементы на странице (метаданные, структурированные данные и т. Д.) Сочетаются с вашим изображением.
- Для возможности сканирования создайте карту сайта для изображений или убедитесь, что ваши изображения включены в карту сайта.
Оптимизация изображений — это не шутки. Благодаря достижениям в технологии голосового поиска, медиа приобретают все большее значение, и весь ваш сайт выиграет от выполнения описанных выше шагов.
Удачной оптимизации!
Кредиты изображений
Лучшее изображение: Paulo Bobita
Все скриншоты сделаны автором
Оптимизация изображений для поисковых систем • Yoast
Михиэль ХеймансМихиэль был одним из наших первых сотрудников и раньше был партнером Yoast.Начните оптимизацию своего сайта с его статей!
Независимо от того, являетесь ли вы блогером или пишете статьи для интернет-журнала или газеты, есть вероятность, что вы задаетесь вопросом, нужно ли вашей статье изображение или нет. Ответ всегда «да». Изображения оживляют статью, а также способствуют поисковой оптимизации вашего сайта. В этом посте объясняется, как полностью оптимизировать изображение для SEO, и даются некоторые советы по использованию изображений для лучшего взаимодействия с пользователем.
Всегда использовать изображения
Изображения при правильном использовании помогут читателям лучше понять вашу статью.Старая поговорка «Картинка стоит тысячи слов», вероятно, не применима к Google, но она определенно верна, когда вам нужно оживить 1000 скучных слов, проиллюстрировать то, что вы имеете в виду, на диаграмме или диаграмме потока данных или просто сообщения в социальных сетях более заманчивые.
Это простая рекомендация: добавляйте изображения в каждую статью, которую вы пишете, чтобы сделать их более привлекательными. Более того, поскольку визуальный поиск становится все более важным — как видно из видения Google будущего поиска — он может обеспечить вам хороший трафик.И если у вас есть визуальный контент, имеет смысл поставить SEO изображений немного выше в вашем списке дел.
Некоторое время назад у Google Images появился совершенно новый интерфейс с новыми фильтрами, метаданными и даже атрибуцией. Эти новые классные фильтры показывают, что Google все больше знает, что находится в изображении и как оно вписывается в более широкий контекст.
Поиск картинок Google показывает гораздо больше, чем просто изображенияПоиск подходящего изображения
Всегда лучше использовать оригинальные изображения — фотографии, которые вы сделали сами, — чем стандартные.На странице вашей команды нужны фотографии вашей реальной команды, а не этого чувака справа или одного из его друзей по стоковой фотографии. Не по теме: еще этому чуваку очень нужна стрижка.
Для вашей статьи необходимо изображение, соответствующее ее теме. Если вы добавляете случайную фотографию только для того, чтобы получить зеленую отметку при анализе контента плагина Yoast SEO, значит, вы делаете это неправильно. Изображение должно отражать тему сообщения или иметь иллюстративную цель в статье. Также постарайтесь разместить изображение рядом с соответствующим текстом.Если у вас есть основное изображение или изображение, которое вы пытаетесь оценить, старайтесь держать его в верхней части страницы, если это возможно, без принуждения.
Для всего этого есть простая причина для SEO: изображение со связанным текстом лучше ранжируется по ключевому слову, для которого оно оптимизировано. Но мы обсудим SEO изображений позже в этой статье.
Альтернативы
Если у вас нет оригинальных изображений, которые можно было бы использовать, есть другие способы найти уникальные изображения и по-прежнему избегать стоковых фотографий.Например, Flickr.com — хороший источник изображений, так как вы можете использовать изображения Creative Commons. Только не забудьте указать оригинального фотографа. Нам также нравятся изображения, предоставленные такими сайтами, как Unsplash. У нас есть сообщение в блоге, в котором вы найдете потрясающий обзор того, где взять отличные изображения. Держитесь подальше от очевидных стоковых фотографий, а если вы используете стоковые фотографии, выберите те, которые выглядят (ладно, чуть-чуть) более подлинными. Но что бы вы ни использовали, вы, вероятно, обнаружите, что изображения с людьми всегда выглядят как стоковые фотографии.Если только вы не сделали фотографии сами, что (на наш взгляд) всегда лучшая идея.
Очевидной альтернативой фотографиям могут быть графики или иллюстрации, которые мы в Yoast и используем. Если вам интересно, наш постоянный иллюстратор Эрвин написал забавную статью о создании иллюстраций в блоге нашего разработчика. Также следует особо отметить анимированные GIF-файлы, которые в наши дни невероятно популярны.
Анимированные GIF-файлы — это круто, но с большой нагрузкойНо даже несмотря на то, что анимированные GIF-файлы популярны, не переусердствуйте.Это затруднит чтение вашего сообщения, поскольку движение изображения отвлекает внимание ваших читателей. Они также могут замедлить вашу страницу.
Подробнее: Изображения для публикаций в блоге: зачем их использовать и где их найти »
Подготовка изображений для использования в статье
После того, как вы нашли нужное изображение — будь то фотография, иллюстрация или диаграмма, — следующим шагом будет его оптимизация для использования на вашем веб-сайте. Поэтому, прежде чем добавлять изображение, вам нужно подумать о нескольких вещах:
Выберите правильное имя файла
Image SEO начинается с имени файла.Вы хотите, чтобы Google знал, о чем изображение, даже не глядя на него, поэтому используйте ключевую фразу фокуса в имени файла изображения. Это просто: если вы пишете статью о Нотр-Дам и используете изображение восхода солнца в Париже над собором Парижской Богоматери, имя файла не должно быть DSC4536.jpg. Правильное имя файла — notre-dame-paris-sunrise.jpg. Убедитесь, что основной объект фотографии (и вашей статьи) находится в начале имени файла.
Выберите правильный формат
Для изображений правильный формат не существует; это зависит от типа изображения и от того, как вы хотите его использовать.Вкратце, мы рекомендуем:
- Выберите JPEG для больших фотографий или иллюстраций: он даст хорошие результаты с точки зрения цвета и четкости при относительно небольшом размере файла;
- используйте PNG, если вы хотите сохранить прозрачность фона в вашем изображении;
- или используйте WebP вместо JPEG и PNG. Это даст высококачественные результаты с меньшими размерами файлов. Вы можете использовать такие инструменты, как Squoosh, для преобразования вашего изображения в WebP.
- использовать SVG для логотипов и значков. С помощью CSS или JavaScript вы можете управлять изображениями в формате SVG, например, изменять их размер без потери качества.
Если вы знаете, что большая часть вашей аудитории использует определенные браузеры или устройства, обязательно проверьте, поддерживается ли ваш предпочтительный формат этими браузерами на CanIuse.com.
Когда вы выбрали правильное имя и формат, самое время изменить размер и оптимизировать изображение!
Масштаб изображения SEO
Время загрузки важно для UX и SEO. Чем быстрее сайт, тем легче пользователям и поисковым системам посещать (и индексировать) страницу. Изображения могут иметь большое влияние на время загрузки, особенно когда вы загружаете огромное изображение, чтобы отображать его действительно маленьким — например, изображение размером 2500 × 1500 пикселей, отображаемое с размером 250 × 150 пикселей, — поскольку все изображение все еще должно быть загружено.Поэтому измените размер изображения так, как вы хотите, чтобы оно отображалось. WordPress помогает вам в этом, автоматически предоставляя изображение нескольких размеров после его загрузки. К сожалению, это не означает, что размер файла также оптимизирован, это просто размер отображаемого изображения. Так что подумайте о размере, в котором вы загружаете свои изображения!
Используйте адаптивные изображения
Это также важно для SEO, и если вы используете WordPress, это сделано за вас, так как он был добавлен по умолчанию из версии 4.4. Изображения должны иметь атрибут srcset
, который позволяет использовать разные изображения для каждой ширины экрана — это особенно полезно для мобильных устройств.
Уменьшить размер файла
Следующим шагом в поисковой оптимизации изображений должно быть обеспечение сжатия масштабированного изображения, чтобы оно отображалось с наименьшим возможным размером файла.
Конечно, вы можете просто экспортировать изображение и поэкспериментировать с процентами качества, но мы предпочитаем использовать изображения максимально возможного качества, особенно с учетом популярности сетчатки и подобных экранов в наши дни.
Такие инструменты, как JPEGmini, могут значительно уменьшить размер файла изображения без артефактов.Вы все равно можете уменьшить размер файла этих изображений, например, удалив данные EXIF. Мы рекомендуем использовать такие инструменты, как ImageOptim или такие веб-сайты, как Squoosh, JPEGmini, jpeg.io или Kraken.io.
После оптимизации изображений вы можете протестировать свою страницу с помощью таких инструментов, как Google PageSpeed Insights, Lighthouse, WebPageTest.org или Pingdom.
Добавление изображения к статье
В то время как Google становится все лучше и лучше распознает изображения, пока не стоит полностью полагаться на их способности.Все сводится к тому, что вы предоставляете контекст для этого изображения — так что заполните как можно больше! Мы обсудим, как это сделать, ниже.
Ваше изображение готово к использованию, но не добавляйте его в свою статью. Как упоминалось ранее, очень помогает добавление его рядом с соответствующим текстовым контентом. Он гарантирует, что текст так же актуален для изображения, как и изображение для текста, что предпочитают пользователи и Google.
Подписи
Подпись к изображению — это текст, который сопровождает изображение на странице. Если вы посмотрите на изображения в этой статье, это будет текст в сером поле под каждым из них.Почему подписи важны для SEO изображений? Потому что люди используют их при сканировании статьи. Люди склонны сканировать заголовки, изображения и подписи во время сканирования веб-страницы. Еще в 1997 году Якоб Нильсен писал:
«Элементы, улучшающие сканирование, включают заголовки, крупный шрифт, полужирный текст, выделенный текст, маркированные списки, графику, подписи, тематические предложения и оглавления».
В 2012 году KissMetrics пошли еще дальше, заявив, что:
«Подписи под изображениями читаются в среднем на 300% чаще, чем основной текст, поэтому неиспользование или неправильное использование означает упущенную возможность привлечь огромное количество потенциальных читателей.”
Вам нужно добавлять подписи к каждому изображению? Нет, потому что иногда изображения служат другим целям. Решите, хотите ли вы использовать свой для SEO или нет. Помня о необходимости избегать чрезмерной оптимизации, мы бы посоветовали добавлять подписи только там, где посетителю будет иметь смысл их присутствие. Подумайте в первую очередь о посетителе и не добавляйте подпись только для SEO-оптимизации изображений.
alt
текст и заголовок
текст Текст alt
(или тег alt) добавляется к изображению, поэтому на месте будет описательный текст, если изображение не может быть показано посетителю по какой-либо причине.Мы не можем выразить это лучше, чем Википедия:
«В ситуациях, когда изображение недоступно для читателя, возможно, из-за того, что они отключили изображения в своем веб-браузере или используют программу чтения с экрана из-за нарушения зрения, альтернативный текст гарантирует, что никакая информация или функциональные возможности не будут потеряны. ”
Не забудьте добавить замещающий текст к каждому изображению, которое вы используете, и убедитесь, что замещающий текст включает ключевую фразу SEO для этой страницы (при необходимости). Самое главное, опишите, что изображено на картинке, чтобы и поисковые системы, и люди могли разобраться в этом.Чем больше релевантной информации окружает изображение, тем больше поисковые системы считают это изображение важным.
При наведении курсора на изображение некоторые браузеры показывают текст заголовок
как «всплывающую подсказку». Chrome показывает текст заголовка, как и было задумано. Текст заголовка для изображений аналогичен, и многие люди, которые используют заголовки, просто копируют замещающий текст, но все больше и больше людей вообще их не учитывают. Это почему? Вот оценка Mozilla:
«
title
имеет ряд проблем с доступностью, в основном из-за того, что поддержка программ чтения с экрана очень непредсказуема, и большинство браузеров не будут отображать ее, если вы не наводите курсор мыши (например,грамм. нет доступа к пользователям клавиатуры) ».
Такую вспомогательную информацию лучше включать в основной текст статьи, чем прикреплять к изображению.
Продолжайте читать: Подробнее об оптимизации тегов alt и title »
Добавить структурированные данные изображения
Добавление структурированных данных на ваши страницы может помочь поисковым системам отображать ваши изображения в качестве расширенных результатов. Хотя Google утверждает, что структурированные данные не помогают вам лучше ранжироваться, они помогают получить более подробный список в Поиске изображений.Но есть еще кое-что. Например, если у вас есть рецепты на вашем сайте, и вы добавляете структурированные данные к своим изображениям, Google также может добавить к вашим изображениям значок, показывающий, что это изображение принадлежит рецепту. Google Images поддерживает структурированные данные для следующих типов:
При поиске Yoast SEO Premium в Картинках Google появляется этикетка продукта на странице нашего плагина.У Google есть ряд рекомендаций, которым вы должны следовать, если вы хотите, чтобы ваши изображения выглядели богатыми при поиске изображений. Во-первых, при указании изображения как свойства структурированных данных убедитесь, что изображение действительно принадлежит экземпляру этого типа.Кроме того, ваше изображение должно иметь атрибут image, и ваши изображения должны быть доступны для сканирования и индексации. Вы можете найти их все Общие рекомендации Google по структурированным данным.
Yoast SEO автоматически добавляет правильные структурированные данные для ряда изображений на ваш сайт, таких как ваш логотип или те, которые вы добавляете в свои статьи с практическими рекомендациями, встроенные в наши блоки. Плагин всегда находит хотя бы одно релевантное изображение на любой странице для добавления в граф структурированных данных. Таким образом, Yoast SEO сможет правильно описать вашу страницу для поисковых систем.Хотите узнать больше о структурированных данных? Запишитесь на наш бесплатный курс обучения структурированным данным, если вы хотите научиться добавлять структурированные данные на свои страницы!
Карты OpenGraph и Twitter
Ранее мы упоминали об использовании изображений для публикации в социальных сетях. Если вы добавите следующий тег изображения в раздел
на своей странице HTML, например:
Это гарантирует, что изображение будет включено в вашу долю на Facebook (например, OpenGraph также используется для Pinterest).
В нашем плагине Yoast SEO есть раздел «Социальные сети», где вы можете установить и — в версии Premium — даже предварительно просмотреть свои сообщения в Facebook и Twitter. Премиум-пользователи также могут использовать интеграцию Zapier для автоматизации публикации в социальных сетях. Убедитесь, что вы используете высококачественное изображение, такое как исходное изображение, которое вы использовали в публикации, поскольку социальные платформы чаще используют изображения более высокого качества / большего размера. Если вы все настроили правильно и изображение не отображается, попробуйте очистить кеш Facebook в отладчике URL.Карты Twitter делают то же самое для Twitter и также создаются нашим плагином.
XML-файлы Sitemap для изображений
Если вы веб-разработчик, вас могут интересовать карты сайта с изображениями XML. Я бы предпочел описать это как изображений в XML-карте сайта . Google ясно об этом:
Кроме того, вы можете использовать расширения изображений Google для карт сайта, чтобы предоставить Google больше информации об изображениях, доступных на ваших страницах. Информация карты сайта с изображениями помогает Google обнаруживать изображения, которые мы иначе не могли бы найти (например, изображения, которые ваш сайт получает с помощью кода JavaScript), и позволяет вам указывать на своем сайте изображения, которые вы хотите, чтобы Google просканировал и проиндексировал.
Время от времени люди спрашивают нас о файлах Sitemap для изображений XML. Мы не создаем их в нашем плагине, но следуем советам Google и включаем их на страницу или публикуем карты сайта. Просто прокрутите вниз карту сайта для публикации, и вы увидите, что мы добавили изображения ко всем нашим последним сообщениям (для этого есть столбец). Добавление изображений в ваши XML-карты сайта помогает Google индексировать ваши изображения, поэтому обязательно сделайте это для лучшего SEO изображений.
Раздача образов через образ CDN
Все мы знаем CDN как одну из самых популярных оптимизаций скорости сайта.Некоторые компании, предоставляющие CDN, также имеют специальный CDN для образов. CDN изображений построены вокруг основных задач: оптимизировать ваши изображения и как можно быстрее доставить их вашему посетителю. Запуск образа CDN может во много раз ускорить доставку ваших изображений.
CDN изображений позволяет управлять преобразованием, оптимизацией и доставкой изображений. Вы можете определить, какие нагрузки, когда и как это должно работать. Например, вы можете сказать, что все ваши изображения PNG должны быть преобразованы в webp на лету, потому что они загружаются быстрее всего и обеспечивают наилучшее качество изображения.В CDN образов есть множество опций для точной настройки процесса, но часто есть настройка по умолчанию, которая, вероятно, лучше всего подходит для большинства сайтов.
Существует множество CDN образов на выбор, например Sirv, Cloudinary и Imagekit. Кроме того, такие платформы, как Cloudflare, позволяют вам определять, как изменять размер, форматировать и обслуживать изображения.
Image SEO: резюме
SEO изображений — это сумма нескольких элементов. Поскольку Google с каждым днем все лучше распознает элементы в изображениях, имеет смысл убедиться, что изображение и все его элементы способствуют хорошему пользовательскому опыту, а также SEO.Было бы глупо пытаться обмануть Google.
Помните об этом, добавляя изображение в статью:
- Используйте соответствующее изображение, которое соответствует вашему тексту
- Выберите хорошее имя файла для вашего изображения
- Убедитесь, что размеры изображения соответствуют размеру изображения, как показано
- Используйте
srcset
, если возможно - Уменьшите размер файла для более быстрой загрузки
- При необходимости добавьте подпись для облегчения сканирования страницы.
- Используйте замещающий текст изображения.Текст заголовка не нужен
- Добавьте структурированные данные к изображениям
- Добавьте теги OpenGraph и Twitter Card для изображения
- Используйте изображения в своих XML-картах сайта
- Подача изображений через CDN
- Предоставьте весь контекст, который вы можете!
Изображения могут не только способствовать поисковой оптимизации и удобству пользователей, но и играть важную роль в конверсии. Так что не стоит недооценивать важность SEO для изображений на вашем сайте!
Читайте дальше: WordPress SEO: полное руководство по повышению рейтинга сайтов WordPress »
Google Images Оптимальные методы поисковой оптимизации | Центр поиска | Разработчики Google
Google Images — это способ визуального поиска информации в Интернете.Пользователи могут быстро изучить информацию с более подробным контекстом вокруг изображений с новыми функциями, такими как подписи к изображениям, заметные значки и результаты AMP.
Добавив больше контекста к изображениям, результаты могут стать намного более полезными, что может привести к повышению качества трафика на ваш сайт. Вы можете помочь в процессе обнаружения, убедившись, что ваши изображения и ваш сайт оптимизированы для Google Images. Следуйте нашим рекомендациям, чтобы повысить вероятность того, что ваш контент появится в результатах поиска Картинок Google.
Отказаться от встроенных ссылок Картинок Google
При желании вы можете запретить отображение полноразмерного изображения на странице результатов поиска Картинок Google, отказавшись от встроенных ссылок в результатах поиска Картинок Google.
Чтобы отказаться от встроенных ссылок:
- При запросе изображения проверьте заголовок реферера HTTP в запросе.
- Если запрос поступает из домена Google, ответьте HTTP 200 или 204 без содержания.
Google по-прежнему будет сканировать вашу страницу и видеть изображение, но в результатах поиска будет отображать эскиз, созданный во время сканирования. Этот отказ возможен в любое время и не требует повторной обработки изображений веб-сайта. Такое поведение не считается маскировкой изображений и не приведет к ручным действиям.
Вы также можете полностью запретить отображение изображения в результатах поиска.
Создайте отличный пользовательский интерфейс
Чтобы повысить видимость вашего контента в Картинках Google, сосредоточьтесь на пользователе, обеспечив удобство работы с ним: создает страницы в первую очередь для пользователей, а не для поисковых систем. .Вот несколько советов:
- Обеспечьте хороший контекст: Убедитесь, что ваш визуальный контент соответствует теме страницы. Мы рекомендуем отображать изображения только там, где они добавляют исходную ценность странице. Мы особенно не одобряем страницы, на которых ни изображения, ни текст не являются оригинальным содержанием.
- Оптимизировать размещение: По возможности размещайте изображения рядом с соответствующим текстом. Когда это имеет смысл, подумайте о размещении самого важного изображения в верхней части страницы.
- Не вставляйте важный текст в изображения: Избегайте встраивания текста в изображения, особенно важных текстовых элементов, таких как заголовки страниц и пункты меню, потому что не все пользователи могут получить к ним доступ (а инструменты перевода страниц не работают с изображениями). Чтобы обеспечить максимальную доступность вашего контента, сохраняйте текст в HTML, предоставляйте замещающий текст для изображений.
- Создавайте информативные и высококачественные сайты: Хороший контент на вашей веб-странице так же важен, как и визуальный контент для Картинок Google — он обеспечивает контекст и делает результат более действенным.Содержимое страницы может использоваться для создания фрагмента текста для изображения, и Google учитывает качество содержимого страницы при ранжировании изображений.
- Создавайте сайты, удобные для устройств: Пользователи ищут в Google Картинках больше с мобильных устройств, чем с компьютеров. По этой причине важно, чтобы вы создавали свой сайт для всех типов и размеров устройств. Используйте тест Mobile-Friendly Test, чтобы проверить, насколько хорошо ваши страницы работают на мобильных устройствах, и получить отзывы о том, что необходимо исправить.
- Создайте хорошую структуру URL для ваших изображений: Google использует путь URL, а также имя файла, чтобы помочь ему понять ваши изображения.Рассмотрите возможность организации содержимого изображения так, чтобы URL-адреса были построены логически.
Проверьте заголовок и описание страницы
Google Images автоматически генерирует заголовок и фрагмент, чтобы лучше всего объяснить каждый результат и его связь с пользовательским запросом. Это помогает пользователям решить, нажимать ли на результат или нет.
Мы используем несколько различных источников этой информации, включая описательную информацию в заголовке и метатеги для каждой страницы.
Вы можете помочь нам улучшить качество заголовка и фрагмента, отображаемого для ваших страниц, следуя рекомендациям Google по заголовкам и фрагментам.
Добавить структурированные данные
Если вы включаете структурированные данные, Google Images может отображать ваши изображения в виде расширенных результатов, включая заметный значок, который дает пользователям релевантную информацию о вашей странице и может привлечь более целевой трафик на ваш сайт. Google Images поддерживает структурированные данные для следующих типов:
Следуйте общим рекомендациям по структурированным данным, а также всем рекомендациям, относящимся к вашему типу структурированных данных; в противном случае ваши структурированные данные могут не подходить для отображения расширенных результатов в Картинках Google.В каждом из этих структурированных типов данных атрибут изображения является обязательным полем, чтобы иметь право на значок и расширенный результат в Картинках Google.
Оптимизация по скорости
Изображения часто вносят наибольший вклад в общий размер страницы, что может сделать страницы медленными и дорогими для загрузки. Обязательно применяйте новейшие методы оптимизации изображений и адаптивные изображения, чтобы обеспечить высокое качество и быстрое взаимодействие с пользователем.
В Google Images логотип AMP помогает пользователям определять страницы, которые загружаются быстро и плавно. Подумайте о том, чтобы превратить вашу страницу хоста изображений в AMP, чтобы уменьшить время загрузки страницы (где целевая страница — это страница, на которую пользователь попадает после нажатия на результат в Картинках Google).
Проанализируйте скорость своего сайта с помощью PageSpeed Insights и посетите нашу страницу «Основы Интернета», чтобы узнать о передовых методах и методах повышения производительности веб-сайта.
Добавить фото хорошего качества
Высококачественные фотографии привлекают пользователей больше, чем размытые и нечеткие изображения.Кроме того, четкие изображения более привлекательны для пользователей в миниатюрах результатов и повышают вероятность получения трафика от пользователей.
Включите описательные заголовки, подписи, имена файлов и текст для изображений.
Google извлекает информацию о тематике изображения из содержания страницу, включая подписи и названия изображений. По возможности размещайте изображения рядом с релевантный текст и на страницах, имеющих отношение к тематике изображения.
Точно так же имя файла может дать Google подсказку о предмете изображения. Для например, my-new-black-kitten.jpg лучше, чем IMG00023.JPG . Если вы локализуете свои изображения, убедитесь, что вы переводите имена файлов тоже.
Используйте описательный замещающий текст
Альтернативный текст (текст, описывающий изображение) улучшает доступность для людей, которые не могут видеть изображения на веб-страницах, включая пользователей, которые используют программы чтения с экрана или имеют соединения с низкой пропускной способностью.
Google использует замещающий текст вместе с алгоритмами компьютерного зрения и содержанием страницы, чтобы понять суть изображения. Кроме того, замещающий текст в изображениях полезен в качестве якорного текста, если вы решите использовать изображение в качестве ссылки.
Выбирая замещающий текст, сосредоточьтесь на создании полезного, насыщенного информацией содержания, которое использует ключевые слова соответствующим образом и находится в контексте содержания страницы. Избегайте заполнения атрибутов alt ключевыми словами (наполнение ключевыми словами), поскольку это отрицательно влияет на пользовательский опыт и может привести к тому, что ваш сайт будет рассматриваться как спам.
- Плохо (отсутствует альтернативный текст):
- Плохо (набивка ключевых слов):
- Лучше:
- Лучший:
Мы рекомендуем тестировать контент, проверяя доступность и используя эмулятор медленного сетевого подключения.
Помогите нам открыть для себя все ваши изображения
Использовать семантическую разметку для изображений
Google анализирует HTML-код ваших страниц для индексации изображений, но не индексирует изображения CSS.
- Хорошо:
- Плохо: Щенок золотистого ретривера
Использовать карту сайта с изображением
Изображения являются важным источником информации о содержимом вашего сайта.Вы можете предоставить Google дополнительные сведения о своих изображениях и указать URL-адреса изображений, которые мы могли бы не обнаружить в противном случае, добавив информацию в карту сайта с изображениями.
Карты сайта для изображений могут содержать URL-адреса из других доменов, в отличие от обычных карт сайта, в которых применяются междоменные ограничения. Это позволяет использовать CDN (сети доставки контента) для размещения изображений. Мы рекомендуем вам проверить доменное имя CDN в Search Console, чтобы мы могли сообщить вам о любых обнаруженных нами ошибках сканирования.
Поддерживаемые форматы изображений
Google Images поддерживает изображения в следующих форматах: BMP, GIF, JPEG, PNG, WebP и SVG.
Вы также можете встроить изображения как URI данных. URI данных позволяют включить файл, такой как изображение, в строку, задав src
элемента img
как строку в кодировке Base64, используя следующий формат:
data ]">
Хотя встраивание изображений может уменьшить количество HTTP-запросов, вам следует тщательно выбирать, когда их использовать, поскольку это может значительно увеличить размер страницы.Подробнее об этом читайте в разделе о плюсах и минусах встраивания изображений на нашей странице «Основы веб-дизайна».
Адаптивные изображения
Разработка адаптивных веб-страниц улучшает взаимодействие с пользователем, поскольку пользователи используют их на множестве типов устройств. Ознакомьтесь с нашими принципами работы с изображениями в Интернете, чтобы узнать о лучших методах работы с изображениями на вашем веб-сайте.
Веб-страницы используют атрибут
или элемент
для указания адаптивных изображений.Однако некоторые браузеры и сканеры не понимают эти атрибуты. Мы рекомендуем всегда указывать резервный URL-адрес через атрибут img src
.
Атрибут srcset позволяет указывать разные версии одного и того же изображения специально для разных размеров экрана.
Пример:
Элемент
— это контейнер, который используется для группировки различных версий
одного и того же изображения. Он предлагает запасной подход, поэтому браузер может выбрать правильное изображение в зависимости от возможностей устройства, таких как плотность пикселей и размер экрана. Элемент изображения picture
также пригодится для использования новых форматов изображений со встроенной постепенной деградацией для клиентов, которые могут еще не поддерживать новые форматы.
Мы рекомендуем всегда предоставлять элемент img
в качестве запасного варианта с атрибутом src
при использовании тега picture
в следующем формате:
Пример: <картинка>
<картинка>
Оптимизировать для безопасного поиска
SafeSearch — это параметр в учетных записях пользователей Google, который указывает, следует ли показывать или блокировать откровенные изображения, видео и веб-сайты в результатах поиска Google.Вы должны помочь Google понять природу ваших изображений, чтобы при необходимости применить настройки Безопасного поиска к вашим изображениям.
Сгруппировать изображения только для взрослых в общем URL-адресе
Если ваш сайт содержит изображения для взрослых, мы настоятельно рекомендуем сгруппировать изображения отдельно от других изображений на вашем сайте. Например: http // www.example.com / adult / image.jpg.
Добавить метаданные на страницы для взрослых
Наши алгоритмы используют различные сигналы, чтобы решить, следует ли отфильтровать изображение или всю страницу из результатов, когда включен фильтр SafeSearch пользователя.В случае изображений некоторые из этих сигналов генерируются с использованием машинного обучения, но алгоритмы SafeSearch также учитывают более простые вещи, например, где изображение использовалось ранее и контекст, в котором оно использовалось.
Один из самых сильных сигналов — это страницы для взрослых с собственной пометкой. Если вы публикуете контент для взрослых, мы рекомендуем вам добавить на свои страницы один из следующих метатегов:
Многие пользователи предпочитают не включать контент для взрослых в результаты поиска (особенно если дети используют одно и то же устройство).Когда вы предоставляете один из этих метатегов, это помогает улучшить взаимодействие с пользователем, потому что пользователи не видят результатов, которых они не хотят или не ожидают увидеть.
И наконец …
Пожалуйста, прочтите наше Руководство для начинающих по SEO, которое содержит много полезной информации для повышения рейтинга. Если у вас есть дополнительные вопросы, задайте их в Справочном сообществе Центра поиска Google.
SEO изображений: как грамотно оптимизировать изображения веб-сайтов для SEO
Image SEO — это часто упускаемая из виду, но полезная стратегия SEO на странице.
Узнайте, чего вам может не хватать, если вы не оптимизируете изображения, и узнайте, как создавать изображения, оптимизированные для SEO, для своих страниц и сообщений.
Что такое SEO для изображений?
Image SEO относится к оптимизации графики на веб-сайте, чтобы сделать страницу более привлекательной для поисковых роботов. Поисковая оптимизация изображений предоставляет поисковым системам дополнительную информацию о графике, которая помогает им понимать содержание и может привести к повышению рейтинга и видимости в поиске.Это также может привести к тому, что изображение появится в поиске изображений Google.
Поиск изображений стал в прошлом году все более важным. Нажми и твитни! . В феврале 2018 года Google удалил кнопку «просмотреть изображение» в результатах поиска изображений, что побудило больше людей переходить на веб-сайт для просмотра изображения.
После этого небольшого изменения веб-сайты начали замечать увеличение трафика через поиск изображений. Количество посетителей на некоторых страницах увеличилось на 37% на .
Image SEO может привлечь больше трафика на ваш сайт с помощью поиска изображений и помочь вашим страницам в рейтинге. Итак, как вы называете изображения для SEO и оптимизируете графику?
Поисковая оптимизация изображений может привлечь больше трафика на ваш сайт за счет поиска изображений и повышения рейтинга ваших страниц. Нажмите, чтобы твитнуть8 Лучшие методы поисковой оптимизации изображений
Выполните следующие действия, чтобы узнать, как добавить на свой сайт изображения, оптимизированные для SEO.
1) Добавьте хотя бы одно изображение
Рекомендуется всегда размещать на странице хотя бы одно изображение или графику.Изображение показывает поисковым системам, что страница ценна и интересна и поэтому будет полезна для поисковиков. Кроме того, изображения полезны для читателей, поскольку они упрощают сканирование и понимание контента.
2) Используйте качественные изображения
Изображения будут более увлекательными и интересными для вашей аудитории, если они будут высокого качества. Если возможно, создавайте индивидуальную графику, уникальную для ваших страниц. Это поможет вам выделиться при поиске изображений.
Не забывайте: Все больше пользователей нажимают на изображения, которые они находят в поиске, чтобы просмотреть изображение на веб-странице.Таким образом, публикация SEO-контента с уникальными оптимизированными изображениями может привести к увеличению посещаемости вашего сайта.
Если вы не можете создать собственную графику, добавьте графику, которая не похожа на стоковые фотографии, воспроизведенные на десятках сайтов. Обязательно используйте изображения, которые вы приобрели и / или имеете лицензию на использование, чтобы избежать нарушения авторских прав.
3) Выберите лучший тип файла
Типы файлов изображений могут влиять на то, как графика загружается или отображается на веб-странице.Поэтому, когда вы добавляете графику, выберите лучший тип файла для предполагаемого использования.
Основное использование:
- JPG для фотографий
- PNG для большинства пользовательских изображений, снимков экрана и логотипов (файлы PNG имеют прозрачный фон).
- SVG для пользовательской графики или логотипов, которые будут отображаться во многих различных размерах (файлы SVG масштабируются до различных размеров без потери качества).
- GIF для анимированной или движущейся графики
4) Используйте файлы изображений соответствующего размера
Большие изображения могут замедлить загрузку веб-сайта.Медленное время загрузки приводит к плохому пользовательскому опыту и плохим долгосрочным результатам SEO. Так что используйте лучшие практики SEO для изображений для определения размера. Измените размер файлов изображений (а не только размер отображаемого изображения) до предполагаемого размера отображения и сжимайте большие файлы, прежде чем загружать их на свой сайт.
5) Добавьте и оптимизируйте тег alt изображения
Помогают ли альтернативные теги изображений SEO? Ответ положительный. Поисковые роботы могут читать и понимать слова, но не видят изображения. Теги Alt, иначе известные как «атрибуты alt» и «описания alt», помогают им обрабатывать изображение, не видя его, сообщая поисковой системе, что это за графика.
Помимо помощи в SEO, альтернативные теги изображений также помогают пользователям Интернета. У некоторых людей отключены изображения, их браузеры не могут загружать графику из-за слабого подключения к Интернету или они используют программу чтения с экрана из-за нарушения зрения. В этих случаях тег alt изображения сообщает читателю, что это за изображение. Таким образом, добавление тегов alt к изображениям может улучшить работу как пользователей, так и поисковых роботов.
Как написать SEO-дружественный замещающий текст для изображений- Включите целевое ключевое слово страницы хотя бы в один тег alt изображения.
- Держите замещающий текст коротким.
- Различайте замещающий текст на каждом изображении на вашей странице.
- Создавайте замещающий текст, думая о читателе, а не только о поисковых роботах.
6) Добавьте целевое ключевое слово в заголовок изображения
Другой способ создания изображений, оптимизированных для SEO, — это включение целевого ключевого слова в заголовок изображения. Название изображения — это еще один тег, который идентифицирует и описывает графику.Он не так важен, как тег alt, но все же актуален и должен использоваться. В соответствии с передовыми методами SEO для изображений используйте одну и ту же формулировку для тега alt и заголовка изображения. Нажми и твитни! .
7) Добавьте целевое ключевое слово к имени файла изображения
Имя файла — это другой тег или метка, связанная с изображением. Это имя файла изображения, загружаемого на веб-сайт. Этот ярлык также должен включать целевое ключевое слово страницы и соответствовать формату тега alt изображения, чтобы облегчить оптимизацию ключевых слов.
8) Добавить данные со структурой изображения
Структурированные данные, также называемые разметкой схемы, — это еще один способ добавить данные серверной части к изображению, чтобы помочь поисковым системам понять его. Структурированные данные также увеличивают шансы того, что изображение может появиться в качестве расширенного результата в поисковой выдаче, поэтому добавляйте его к важным изображениям.
Пример структурированных данных изображения через Schema.orgЧтобы узнать, как добавить структурированные данные к вашим изображениям, ознакомьтесь с этим сообщением: Schema Markup 101: How to Create Rich Results and Boost SEO
Оптимизируйте SEO изображений и повысьте эффективность поиска
Поисковая оптимизация изображений — это лишь часть внутреннего SEO.Поисковая оптимизация изображений, оптимизация ключевых слов и другие передовые методы SEO-копирайтинга должны работать вместе для оптимальной производительности.
Чтобы узнать, полностью ли оптимизирована страница, используйте встроенную SEO Checker от Alexa. Он проверяет элементы SEO изображений, такие как альтернативные теги и имена файлов, и определяет другие возможности SEO на странице, которые могут помочь вам улучшить SEO страницы.
Во время написания вы также можете использовать на странице контрольный список SEO, чтобы убедиться, что ваши страницы включают в себя все важные элементы.
Убедившись, что SEO на странице и изображения в хорошем состоянии, взгляните на общую картину SEO.Убедитесь, что ваш сайт оптимизирован для всех других типов SEO, чтобы добиться наилучших результатов при поиске. Используйте аудит сайта Alexa и другие инструменты SEO, чтобы убедиться, что ваши страницы соответствуют лучшим практикам для внутреннего, внешнего и технического SEO.
Начните оптимизацию своего сайта сегодня. Подпишитесь на бесплатную пробную версию расширенного плана Alexa, чтобы провести полный на странице и технический SEO-аудит вашего контента.
Google и логотип Google являются зарегистрированными товарными знаками Google LLC, используемыми с разрешения.
Ваше 7-шаговое руководство по выживанию в SEO для изображений на 2020 год
SEO или поисковая оптимизация могут показаться сложными, но на фундаментальном уровне вы можете думать об этом так:
Все в Интернете представляет собой либо часть контента, либо ссылку (между частями контента).
Традиционно части контента, которые имеют наибольшее количество входящих ссылок с сайта высочайшего качества, имеют лучшую способность ранжироваться в поисковых системах. Это принцип, на котором был построен Google.
На странице A больше ссылок со страниц аналогичного качества, чем на странице B; таким образом, он имеет более высокий рейтинг.
Качество и количество входящих ссылок страницы известно как «внестраничное» SEO. Но есть также широкий спектр факторов SEO на странице, включая SEO изображений.И это главная тема нашей сегодняшней статьи.
Что такое SEO изображений?
Image SEO — это процесс оптимизации изображений на вашем веб-сайте, чтобы их было легко «читать» и находить поисковые системы, что, в свою очередь, улучшает видимость и рейтинг вашего контента в Google и других поисковых системах. Поисковая оптимизация изображений включает такие элементы, как тип, размер и время загрузки изображения, а также использование и оптимизацию замещающего текста и ключевых слов в именах файлов изображений.
Image SEO — один из наиболее часто упускаемых из виду элементов SEO на странице, но это не значит, что он не важен.На самом деле, если вы не будете осторожны, плохое SEO для изображений может изрядно снизить способность вашей страницы получать ссылки, подниматься в индексе и, в конечном итоге, привлекать ценный органический трафик.
Хорошие новости: вы можете оказать огромное влияние на SEO своего изображения всего за несколько шагов:
- Используйте компрессор для уменьшения размера изображения
- Показывать изображения в рекомендуемых форматах следующего поколения
- Масштабируйте изображения для работы с вашим веб-сайтом
- Создание исходных ресурсов изображений с возможностью связывания
- Оптимизируйте заголовки изображений, подписи и замещающий текст
- Сделайте ваши изображения общедоступными
- Попробуйте отложенную загрузку изображений
Теперь давайте обсудим их немного подробнее.Вот семь наших главных советов по оптимизации изображений, которые необходимо реализовать, чтобы ваши изображения были полностью оптимизированы для поиска.
1. Используйте компрессор для уменьшения размера изображения
Скорость сайта оказывает самое большое влияние со стороны SEO изображений на общую способность страницы ранжироваться и увеличивать посещаемость. Она огромна — скорость сайта не только влияет на способность пользователя переходить со страницы на страницу по пути конверсии; это также активный фактор ранжирования. Если ваши страницы работают медленно, Google не будет смотреть на них положительно.Вот тут-то и появляется сжатие изображений.
Возможно, вы знакомы с PageSpeed Insights или нет. Это очень удобно. Введите любой URL-адрес на своем веб-сайте, и Google даст вам подробную оценку элементов, которые снижают скорость этой страницы. Проведите несколько таких тестов, и вы начнете замечать общую тему.
Изображения неправильного размера часто являются основным препятствием для скорости страницы. А поскольку SEO изображений и скорость страницы неразрывно связаны, сжатие изображений является важным аспектом SEO изображений.
Просто разверните нужную вкладку в отчетах PageSpeed Insights, и вы увидите изображения, которые представляют самых серьезных нарушителей на вашей странице. Вы также увидите, сколько места вы можете сэкономить, если их сжать. Вы можете использовать такой инструмент, как TinyPNG, для быстрого сжатия изображений по одному или, в зависимости от вашей CMS, вы можете использовать различные плагины / инструменты, специально предназначенные для вашего сайта (например, Smush для WordPress), чтобы массово сжимать все изображения на вашем сайте. .
2. Загрузить изображения в форматах следующего поколения
Еще одна распространенная рекомендация, которая появляется в отчете PageSpeed Insights? «Подавайте изображения в форматах следующего поколения.”
Речь идет о форматах JPEG 2000, JPG XR и WebP. Если вы никогда не слышали о них, не думайте, что вы не в курсе — они не так распространены, как JPG или PNG. Но хотя JPG и PNG по-прежнему являются доминирующими форматами изображений, форматы следующего поколения, такие как JPEG 2000, действительно превосходят их. Кодирование изображений в этих форматах вместо старых помогает сократить время загрузки и уменьшить использование данных на мобильных устройствах.
Если вы хотите начать показ изображений в форматах следующего поколения, существует множество бесплатных онлайн-конвертеров, которые помогут вам в этом.
3. Масштабируйте изображения для работы с вашим веб-сайтом
Правильный размер изображения (здесь мы говорим о размерах, а не о размере файла) будет зависеть от вашей CMS, а также от формата страницы, на которую вы загружаете изображение. Найдите лучшие методы измерения для вашей CMS (Shopify, например, рекомендует использовать 2048 x 2048 пикселей для квадратных фотографий продукта) перед загрузкой изображений . Изображение, которое выглядит так, как будто оно хорошо сочетается с вашим контентом…
… действительно мог быть автоматически изменен вашей CMS под размер.Это изменение размера корректирует размер для отображения — это приведет к уменьшению размера файла на , а не на . И вообще, изображения с большим количеством пикселей будут иметь больший размер файла. Это означает, что самый надежный способ убедиться, что вы используете изображения правильного размера, — это определить оптимальный размер изображения для вашего сайта, а затем обрезать изображения перед их загрузкой. Если это звучит как трудный процесс — что ж, это может быть, если вы получаете изображения из Интернета. Но если вы загружаете стоковые изображения или передаете изображения продуктов дизайнеру, вам будет полезно найти стандартный размер, подходящий для вашего конкретного сайта.
4. Создание исходного содержимого изображения
Размерстоковых фотографий легко изменить — большинство изображений, которые вы загружаете из Adobe Stock, Shutterstock или других поставщиков, будут иметь размеры, удобные для большинства сайтов. Но стоковые фотографии не всегда так эффективны, как оригинальные фирменные креативы. С другой стороны, курируемые графики, основанные на внутренних данных или высококачественных снимках вашего продукта в действии — это те изображения, которыми делятся в социальных сетях и которые ищут с помощью обратного поиска изображений.
Самое главное: Уникальные, убедительные изображения необходимы, чтобы сделать вашу страницу оригинальной и ценной для вашего пользователя. И снова и снова, когда экспертов Google спрашивают о рецепте сильного SEO или о реакции на конкретный сдвиг в алгоритме Google, который привел к падению рейтинга, они говорят следующее: создавайте страницы, которые превыше всего ценные для вашей аудитории. Это означает использование изображений, которые помогут пользователям получить наилучшие впечатления от ваших страниц.
5. Свободно используйте заголовки, подписи и замещающий текст
Когда Google определяет, какое изображение вернуть по запросу изображения, у него есть доступ к ограниченному объему информации. По крайней мере, меньше информации, чем у него есть доступ, когда он индексирует целые страницы. При поисковой оптимизации изображений это означает, что вы должны предоставлять Google всю возможную информацию о своем изображении в отведенном для вас месте. Для этого есть три основных места:
- Альтернативный текст: Альтернативный текст полезен с точки зрения пользовательского опыта для людей, использующих программы чтения с экрана или если ваш сервер отключился и не может загрузить изображение (альтернативный текст все равно будет отображаться на странице).
Но с точки зрения ранжирования , замещающий текст является основным средством, с помощью которого Google понимает, что такое ваше изображение — так что, естественно, оно огромно. Рекомендуется включать целевое ключевое слово страницы и любые вспомогательные ключевые слова, которые могут применяться к определенному изображению, и опускать все, что не является описательным (статьи и т. Д.)
- Заголовки: Было много споров о том, нужны ли заголовки изображений в сочетании с альтернативным текстом.Но они являются факторами ранжирования , поскольку Google действительно использует их при определении порядка предоставления изображений при поиске изображений.
- Captions: Вот что Google говорит о подписях: «Google извлекает информацию о теме изображения из содержимого страницы, включая подписи и заголовки изображений». По сути, размещение вашего изображения рядом с релевантным текстом поможет Google определить, что это за изображение.Использование подписей — надежный способ убедиться, что ваше изображение описано адекватно и в контексте.
6. Обеспечьте беспрепятственный доступ к социальным сетям
Давайте поговорим о тегах Open Graph и / или Twitter Cards. Это теги в HTML-коде вашей страницы, которые гарантируют, что когда кто-то поделится этой страницей в Facebook или Twitter, изображения и описательные фрагменты будут отображаться правильно. Естественно, это здорово, если вы хотите, чтобы ваши изображения набирали обороты в социальных сетях и привлекали трафик и сильные социальные сигналы , возвращающие на ваш сайт.
Вы можете искать эти элементы в исходном коде, если не уверены, есть ли они там. Вы также можете попробовать имитировать публикацию своей страницы в Twitter или Facebook, чтобы убедиться, что сообщение заполняется правильно. В этом разница между показом вашим друзьям и подписчикам одноразовой ссылки и показом им большой интерактивной графической карточки с описанием вашей страницы.
Реализация тегов Open Graph снова будет зависеть от вашей CMS. Например, если вы используете BigCommerce, вы найдете открытые поля графиков во всех списках продуктов на задней панели (что неудобно, вы не найдете поля на своей домашней странице).
Если вы используете WordPress, вы найдете эти поля в Yoast (действительно супер-плагин SEO для пользователей WordPress). Рекомендуется просмотреть самые загруженные и ценные для бизнеса страницы и убедиться, что все они одинаково доступны в социальных сетях.
7. Попробуйте отложить загрузку
Помимо броского названия, отложенная загрузка может иметь большое значение для увеличения скорости страницы, поскольку не загружает изображения ниже сгиба, пока пользователи не прокрутят их вниз. Возьмите его из Google: Ленивая загрузка может значительно ускорить загрузку на длинных страницах, которые включают много изображений ниже сгиба, загружая их либо по мере необходимости, либо после завершения загрузки и рендеринга основного контента. Это примерно настолько хорошее одобрение, которое вы можете получить.
Google также поддерживает отложенную загрузку в своем собственном PageSpeed Insights. Вы можете столкнуться с этой рекомендацией, когда проводите анализ скорости загрузки страниц на своем собственном сайте.
Это Google говорит вам, что в этом сценарии ленивая загрузка может быть преимуществом.Если вы пользователь WordPress, стоит попробовать несколько плагинов с отложенной загрузкой. Для всех остальных пользователей ознакомьтесь с рекомендациями Google по этому вопросу здесь.
Image SEO: не экономьте на этом!
Мы дали вам семь простых действий по поисковой оптимизации изображений, которые вы можете реализовать на своем сайте. Имейте в виду, что вы не должны использовать все это, но вам, безусловно, следует сделать все возможное, чтобы использовать как можно больше из этих советов, имея в своем распоряжении время и опыт. Например, вам может быть неудобно жестко кодировать теги Open Graph, но каждый может добавить удобный для поиска альтернативный текст или использовать бесплатный инструмент для эффективного сжатия изображений.Решите, что наиболее важно и выполнимо для вашей стратегии, и приступайте к делу!
8 Лучшие методы SEO для изображений, чтобы сделать ваш контент более доступным для обнаружения
Чтобы рассмотреть важность визуального поиска в 2021 году, давайте начнем с примера.
На днях погуглил «как провести vlookup в Excel». Я просмотрел несколько статей, но все равно был недоволен — я не хотел читать о vlookups, я хотел, чтобы увидел его .
Enter: Сила изображений.
После того, как я нажал «Изображения», я быстро нашел то, что мне было нужно:
Я знаю, что я не один. Фактически, в настоящее время половина всех поисковых запросов Google заканчивается на странице результатов поиска, при этом пользователь не нажимает на какие-либо результаты.
В 2021 году и в последующий период маркетологи начинают обращать внимание на важность визуальных образов как мощной возможности привлечь новую аудиторию в результатах поиска.
Плюс, как сказала мне менеджер по маркетингу HubSpot Кристен Бейкер: «Проведя эксперимент с изображениями в блоге HubSpot, я обнаружила, что ранжирование в пакетах изображений Google увеличивает количество показов и переходов к нашему контенту.«
Но … легче сказать, чем сделать, верно?
Здесь давайте рассмотрим, что такое SEO для изображений, и передовые методы, которым вы захотите следовать, чтобы ваши веб-страницы были более заметными в результатах поиска изображений.
Что такое SEO изображений?
Поисковая оптимизация изображений — это практика оптимизации изображений для поисковых систем с помощью продуманного замещающего текста, соответствующих подписей, хороших размеров файла и т. Д. Поисковая оптимизация изображений может упростить интерпретацию вашего контента сканерами поисковых систем, что может повысить ее эффективность как на страницах результатов поиска, так и на страницах результатов изображений, а также сделать ваш сайт более доступным для обнаружения.
Оптимальные методы поисковой оптимизации изображений
1. Используйте релевантный, точный замещающий текст для доступности пользователей и SEO.
Напоминаем, что замещающий текст — это письменная копия, описывающая изображение. Например, если вы нажмете на продукт попкорна Pipcorn и просмотрите страницу, вы увидите, что альтернативный текст описывает изображение продукта точно как «Popcorn Family Pack Popcorn Pipsnacks LLC»:
Альтернативный текст играет две важные роли в SEO.
Во-первых, альтернативный текст — также известный как альтернативные теги или альтернативные описания — помогает сканерам поисковых систем более эффективно индексировать ваш веб-сайт, что положительно влияет на результаты поиска.
Фактически, Google заявляет на своей странице для разработчиков: «Вы можете помочь в процессе обнаружения, убедившись, что ваши изображения и ваш сайт оптимизированы для Google Images… [и] увеличивают вероятность того, что ваш контент появится в результатах поиска Google Images. . »
Во-вторых, замещающий текст улучшает взаимодействие с пользователем. Альтернативный текст может описывать изображение для читателя с ослабленным зрением, а также помогает, если читатель не может правильно загрузить или увидеть изображение на своем устройстве.
Чтобы получить полное представление о том, как писать высококачественный замещающий текст, взгляните на замещающий текст изображения: что это такое, как его писать и почему это важно для SEO.
2. Рассмотрите возможность использования подписей для описания изображения.
Подписи обычно не нужны, если контекст страницы может помочь читателям понять, что изображает изображение — например, в этом сообщении в блоге я не использовал подписи, потому что я использовал текст для представления каждого изображения, которое я показано.
Однако, если ваш веб-сайт насыщен визуальными эффектами, подумайте об использовании подписей, чтобы помочь читателям понять изображение в контексте. Например, в портфолио Тома Халла он подписывает свои изображения, чтобы зрители могли контекстуализировать, где или что изображение представляет:
Используйте здравый смысл при добавлении подписей, но если вы чувствуете, что это может помочь читателям (и ботам) лучше различать изображение, то это может быть полезным дополнением к странице.
3. Сжимайте изображения для ускорения загрузки.
Сжатие изображений — жизненно важный компонент любой хорошей стратегии оптимизации веб-сайта.
Почему?
Потому что, проще говоря, это помогает вашим веб-страницам загружаться быстрее, что обеспечивает лучший пользовательский опыт, а также помогает повысить рейтинг вашего сайта в поисковых системах.
Для эффективного сжатия изображений попробуйте такой инструмент, как Compress JPEG или Squoosh.
Обычно менее 100 КБ является идеальным с точки зрения хорошего размера файла.
Однако важно отметить — Google не учитывает размер каждого отдельного изображения. Вместо этого он смотрит на всего на страниц.
Итак, если у вас есть небольшое изображение, где различия в качестве менее существенны, вы можете попробовать сжать это изображение до 30-50 КБ … что дает вам дополнительное место для сохранения другого изображения на 30 КБ больше, особенно если это изображение теряет качество после сжатия. .
Если вы все еще беспокоитесь о качестве изображения после сжатия, ознакомьтесь с разделом «Как обеспечить высокое разрешение изображений».
4. Размещайте оригинальные изображения, а не только стоковые фотографии.
В конечном счете, Google (и читатели) отдают приоритет исходному контенту — это означает, что если вы надеетесь, что ваши изображения будут ранжироваться на страницах результатов поиска, очень важно использовать оригинальные, уникальные изображения.
Это особенно важно, если вы работаете на веб-сайте электронной коммерции и публикуете визуальные эффекты своего продукта. Многие покупатели используют изображения для покупки товаров народного потребления. Фактически, 50% онлайн-покупателей говорят, что изображения помогли им решить, что покупать.
Если ваше изображение неточно демонстрирует ваш продукт, оно будет похоронено под изображениями более высокого качества от конкурентов.
Рассмотрите возможность использования таких продуктов, как Canva, для разработки собственной инфографики, графиков или анимированных изображений, чтобы помочь вашему бренду выделиться на страницах результатов поиска и сделать ваши изображения более доступными для обмена.
5. Назовите файлы изображений перед их загрузкой.
Имя файла может повлиять на то, насколько легко сканерам поисковых систем интерпретировать ваше изображение, поэтому полезно переименовать файл в , прежде чем загрузит его на вашу веб-страницу.
Вместо того, чтобы использовать общее имя «IMG_0883», попробуйте использовать релевантные ключевые слова для описания того, что изображено на картинке, подобно вашему замещающему тексту. Это также может помочь обеспечить появление вашего изображения на странице результатов поиска изображений, что увеличит посещаемость вашего сайта.
6. Используйте адаптивные изображения.
Адаптивные изображения имеют решающее значение для обеспечения того, чтобы ваши читатели могли видеть ваши изображения на любом типе устройства. В настоящее время жизненно важно, чтобы ваши страницы были оптимизированы для мобильных устройств, чтобы повлиять на рейтинг в поисковых системах, а также на удобство использования.
Если ваши изображения не адаптируются, страница на мобильных устройствах не будет такой чистой, как на настольных компьютерах, что негативно скажется на SEO, а также на восприятии вашего бренда читателями.
К счастью, некоторые службы хостинга веб-сайтов, в том числе HubSpot, автоматически обеспечивают адаптивность ваших изображений.
Однако при необходимости вы можете сделать свои изображения адаптивными, используя быстрый код. Например, вы можете добавить этот код в свой HTML:
Или этот код в ваш CSS:
.отзывчивый {
ширина: 100%;
высота: авто;
}
7. Используйте изображения как возможность обратной ссылки.
Создание высококачественных, уникальных, оригинальных изображений не только отлично подходит для вашего собственного веб-сайта, но и прекрасная возможность заработать обратные ссылки, когда других веб-сайтов используют ваше изображение для своих собственных страниц.
Например, рассмотрим следующий график, созданный широкополосным поиском:
В настоящее время изображение занимает первое место на странице результатов поиска изображений по ключевым словам «сколько людей используют мобильные устройства для поиска».
Кроме того, по данным Ahrefs, это сообщение в блоге содержит более 3000 обратных ссылок. Я готов поспорить, что эти обратные ссылки частично связаны с тем, что другие компании хотят использовать уникальные графики широкополосного поиска для своего собственного контента.
Если вы создаете высококачественные изображения, другие компании могут захотеть продемонстрировать эти изображения на своих сайтах — со ссылками на ваш бизнес. Это означает, что в конечном итоге изображения могут иметь прямое влияние на объем трафика, потенциальных клиентов и клиентов, которых вы получаете для своего бизнеса благодаря своим маркетинговым усилиям.
8. Добавьте изображения в существующую карту сайта.
Google предлагает добавить изображения в существующую карту сайта или создать отдельную карту сайта только для изображений, чтобы помочь поисковым системам обнаруживать ваши изображения. В частности, это полезно для изображений, которые Google не может найти путем сканирования, например изображений, доступных через формы JavaScript.
Вот образец карты сайта с двумя изображениями:
К счастью, если вы не хотите добавлять изображения в карту сайта вручную, вам повезло — есть такие инструменты, как Angeldigital.Маркетинг (один из немногих доступных бесплатных!), Который автоматически генерирует карту сайта с изображением после ввода URL-адреса.
Надеюсь, вы сможете использовать эти передовые методы для повышения уровня и получения нового трафика на страницах результатов поиска с изображениями. Помните, что картинка стоит тысячи слов … так что просто представьте себе ценность SEO-оптимизированной картинки .
Все, что фотограф должен знать о SEO (обновление 2021)
У каждого фотографа должно быть руководство по SEO.Большинство из этих ключевых тем и тактик вечно актуальны, поэтому продолжайте работать и внедряйте их на своем веб-сайте, они окупятся в долгосрочной перспективе. Итак, вот ваш список дел по поисковой оптимизации:
Содержание
1. Оптимизируйте все изображения перед их загрузкой на свой сайт
Мы не можем этого достаточно подчеркнуть. Это не просто рекомендуется, это очень важно для веб-сайтов с фотографиями!
Если вы сохраняете свои изображения в исходном размере или в высоком разрешении и загружаете их в файлы огромных размеров на свой веб-сайт — вы медленно убиваете свой веб-сайт, пользовательский опыт вашего сайта и свой бизнес в целом.
Почему? Потому что чем тяжелее становится ваш сайт, тем медленнее он загружается для ваших пользователей. Никто не будет ждать загрузки вашей домашней страницы более 50 секунд (возможно, только ваша мама). История становится еще печальнее, когда кто-то пытается получить доступ к вашему сайту со своего мобильного телефона, это занимает вечность, он потребляет их мобильные данные, и они в конечном итоге разочаровываются и навсегда покидают ваш сайт (помните, что более 50% веб-трафика поступает с мобильных дней).
Нет смысла загружать изображения 4K, для маленького экрана iphone или ipad.Подумайте об этом, сколько ваших потенциальных клиентов, а не коллег, не издателей — обычных людей, заинтересованных в ваших услугах, владеют экраном 4K? Не так много.
Вот почему так важно оптимизировать изображения. Не волнуйтесь, если вы будете следовать рекомендациям из нашего руководства по оптимизации изображений, вы значительно уменьшите размер изображения без каких-либо видимых изменений в качестве и четкости фотографий.
Просто для проверки зайдите прямо сейчас на tools.pingdom.com, введите ссылку на свой веб-сайт и запустите быстрый тест.Обратите внимание на время загрузки, размер страницы, оценку производительности и т. Д. В качестве примера мы использовали веб-сайт наших уважаемых клиентов Days Made of Love (созданный с использованием темы Verso).
Хорошая скорость загрузки для ваших страниц — менее 4 секунд. Хороший размер страницы — менее 5 МБ. Похоже, Фанис и Дженни замечательно справляются с тем, чтобы сайт оставался светлым и красивым.
Прокрутите вниз, ищите дополнительную информацию. Если ваш сайт загружается медленно или имеет очень большой размер страницы, обратите внимание на размеры файлов.Определите нарушителей спокойствия (см. Изображение ниже), оптимизируйте их и повторно загрузите на свой сайт.
Как уже упоминалось, здесь вы найдете более подробное руководство по оптимизации изображений для вашего сайта WordPress.
Но если вы хотите передать все это команде профессионалов, мы предлагаем услуги по оптимизации скорости загрузки сайта. Мы улучшим время загрузки и производительность вашего сайта + расскажем, как поддерживать хорошие результаты в будущем.
Что такое альтернативный тег? Зачем это нужно и как это принесет пользу моему SEO?
Это очень просто, Google не может читать и понимать изображения.Alt-теги похожи на описания ваших изображений, они переводят ваше изображение для поисковых систем. Без них ваши изображения практически не существуют для всемирной паутины.
А теперь представьте, ваш потенциальный клиент, невеста, начинает планировать особенный день. Она выполняет поиск в Google по определенным ключевым словам. Поскольку вы используете теги alt, в результатах поиска появляется серия ваших изображений. Она любит их и прикрепляет к своей доске вдохновения на Pinterest. Только что произошли три удивительные вещи:
1.Вас нашли, значит, у вас есть потенциальная зацепка.
2. Теперь ваша работа также размещена на Pinterest, а это значит, что другие невесты и потенциальные клиенты могут наткнуться на вашу работу (читается как: больше внимания)
3. Вы только что получили новые обратные ссылки (подробнее об обратных ссылках см. Ниже)
Вы также можете узнать больше об Alt-тегах, заголовках и важности маркировки изображений перед их импортом на свой веб-сайт в нашей всеобъемлющей статье по SEO для изображений.
3. Создавайте ценный контент для посетителей
Контент имеет решающее значение, когда дело доходит до SEO, или, как говорят профессионалы SEO, «Контент — король».
Мы не можем переоценить это. Не ведите блог только ради содержания на вашем сайте, делайте это с определенной целью. Он должен быть информативным, развлекательным, новым, любопытным, грустным или веселым. Если вы ведете блог о свадьбе, напишите о своем опыте, расскажите историю, опишите пару, место проведения, атмосферу и людей.
Эти сообщения в блоге не только хороши для демонстрации вашей работы и закрепления ключевых слов для SEO — они также помогают пользователям больше узнать о вашей личности, ваших ценностях и философии.Так вы пробуждаете их интерес и устанавливаете с ними контакт.
Ознакомьтесь с этими 6 шагами, чтобы стать профессионалом в блогах, или следуйте списку основных рекомендаций, описанному ниже:
- Используйте броские заголовки. Пишите статьи по названию, а не только по ключевому слову. Желательно использовать ключевое слово focus в заголовке, но это не критично. Не жертвуйте броскими заголовками и способностью привлечь больше читателей, если ключевое слово просто не подходит для них.
- Избегайте переполнения ключевыми словами.Google действительно хорошо разбирался в ключевых словах (синонимах и похожих / связанных словосочетаниях). Если вы везде будете использовать одно и то же ключевое слово (наполнение ключевыми словами), это будет воспринято как спам.
- Сосредоточьтесь на использовании 1-2 ключевых слов (и их синонимов) в сообщении в блоге. Если вы попытаетесь включить весь свой список ключевых слов в одну статью — вы разбавите свой контент, тем самым уменьшив свои шансы на повышение рейтинга по любому из этих ключевых слов. Будь проще. Один пост может быть сфокусирован исключительно на продвижении ваших свадебных фоторабот в Италии (или, еще более узко, в Тоскане).В другой статье будет рассказано о вашей свадебной фотосъемке во Франции или Шотландии.
- Очень эффективно использовать ключевые слова в первых абзацах сообщения в блоге, затем несколько раз на протяжении всей статьи и, наконец, еще раз в последнем абзаце в конце сообщения.
- Обратите внимание на структуру сообщения в блоге. Убедитесь, что его легко читать и ориентироваться. Разбивайте контент на короткие абзацы и предложения. Если возможно, добавляйте изображения через каждые 300-400 слов, чтобы разбить длинные тексты.Вы также можете использовать вспомогательный контент, такой как видео, слайды, социальные вставки, цитаты и т. Д.
- Используйте заголовки (h2) и подзаголовки (h3, h4, h5), поскольку они определяют структуру вашей страницы / сообщения и обеспечивают лучшую семантику. Правильное использование заголовков поможет вашему контенту занять более высокое место в обычных результатах поиска.
- Как объяснено в разделе «Обратные ссылки» (см. Выше), упомяните всех поставщиков и бренды, которые участвовали в этом мероприятии, и сделайте обратные ссылки на них. Некоторые из них могут использовать ваши изображения для своего собственного портфолио и социальных сетей.Угадайте, что, больше показов и обратных ссылок для вас, поскольку они обязательно будут включать в себя кредиты с фотографиями.
- Мы говорили об оптимизации изображений, тегах alt и заголовках в предыдущих разделах. Просто убедитесь, что ваши атрибуты alt также включают ваши ключевые слова.
- Напишите все своими словами и стилем. Не копируйте и не вставляйте абзацы из других блогов.
- Убедитесь, что ваш контент соответствует поисковому запросу пользователя. Всегда спрашивайте себя: соответствует ли контент тому, что ищет пользователь?
- И напоследок всегда пишите для клиента.Не для Google. Читатели должны понимать, лайкать и хотеть делиться вашими статьями.
Вот полезная статья о том, как создать эффективную стратегию контента блога для вашего сайта фотографии.
4. Избегайте дублирования страниц
Несколько лет назад было популярно дублировать ваши страницы, добавлять к ним несколько новых ключевых слов и пытаться повысить рейтинг сразу по нескольким ключевым словам. Не делай этого. Вы не получите хороших результатов и даже можете быть наказаны за это. Есть умный способ.Создавайте похожие страницы (может быть несколько сообщений в блоге), но создавайте уникальный контент для каждой из них.
Показывайте свои собственные работы, свадьбы, побеги, стильную съемку, изображения, сделанные на семинаре или во время отпуска. Пока это ваши изображения и есть рассказ с этими ключевыми словами назначения — вы на правильном пути.
5. Создайте больше обратных ссылок
Обратная ссылка — это ссылка, указывающая на ваш сайт с другого сайта.
Есть только одно золотое правило, которому вы должны следовать при создании обратных ссылок — качество важнее количества.Одна-единственная обратная ссылка с популярного, заслуживающего доверия и актуального веб-сайта может принести гораздо больше пользы, чем 50 обратных ссылок с сомнительных, спам-сайтов.
Давно прошла и тенденция к фермам обратных ссылок (да, вы можете платить за партии обратных ссылок, также поступающих из ненадежных источников). Такое поведение только повредит вашему рейтингу, если не приведет к полному наказанию со стороны Google. Так что потратьте некоторое время на установление контактов и построение отношений, которые помогут вам получить упоминания и функции с качественными обратными ссылками.
Но, честно говоря, как фотограф у вас уже есть доступ ко многим возможностям для создания обратных ссылок. Подумайте об этом, вы работаете с десятками поставщиков на каждую свадьбу (видеооператоры, визажисты, команды по организации мероприятий, компании по производству десертов и кондитерских изделий, флористы, заведения, музыкальные группы и т. Д.). Будьте вежливы и, ведя блог о мероприятии, упомяните и поставьте должное каждому из них. Большинство ответит вам тем же и поделится вашей работой в своем блоге или социальных сетях (все обратные ссылки), привлекая больше качественного трафика к вам.Простой.
Другая стратегия, требующая немного больше времени, терпения и усилий, — это размещение вашей работы в популярных свадебных журналах и онлайн-блогах, таких как Junebug, Style Me Pretty, Green Wedding Shoes и т. Д.
Конечно, попасть на эти сайты непросто, но продолжайте пробовать и улучшать свое портфолио. Вы попадете на сайт раньше, чем позже, и это мощные ссылки, поскольку они относятся к той же отрасли, что и ваша, и имеют большой вес из-за релевантности. Следовательно, они будут иметь большее влияние на ваше SEO и рейтинг.
Один из самых простых способов получить обратные ссылки — быть активным в Интернете, в социальных сетях, на различных соответствующих платформах из вашей отрасли (блоги, в которых вы хотите быть представлены), на таких веб-сайтах, как Quora и Reddit. Комментируйте, участвуйте в соответствующих обсуждениях, будьте искренне полезны, делитесь своими мыслями, мнениями и опытом, а также давайте здесь и там ссылки на свой веб-сайт. Если для этих обсуждений будет хороший трафик, вы наверняка скоро привлечете на ваш сайт новых пользователей.
Хотите глубже погрузиться в мир стратегии обратных ссылок? Узнайте, как сначала определить качественные обратные ссылки.
6. Надежный хостинг
Купите хорошего хостинг-провайдера. В конечном итоге это окупится. Не выбирайте общий тарифный план, в котором не используются новейшие технологии, не используются последние версии PHP и не используются твердотельные накопители на своих серверах. Хостинг никогда не должен зависеть исключительно от стоимости.
Есть много хостинговых компаний, сопоставимых по стоимости, но если вы не знаете, что ищете, вы можете получить одну с медленным временем загрузки, простоем сайта и плохим обслуживанием клиентов.
Проверьте, где находится ваш провайдер и где расположены его серверы. Убедитесь, что вы получаете хостинг от проверенных и надежных провайдеров. Мы составили список рекомендуемых хостинг-провайдеров для фотографов. Мы также предлагаем невероятно быстрые пакеты облачного хостинга.
Ваш хостинг повлияет на скорость загрузки вашего сайта, а также на безопасность вашего сайта. Убедитесь, что вы сделали свою домашнюю работу и знаете, как выбрать правильного хостинг-провайдера для своего сайта WordPress.
7.SSL-сертификаты
Переход на HTTPS — важный фактор ранжирования SEO, который продолжает расти. Вы наверняка заметили, что поставщики браузеров добавляют предупреждающий знак на сайты без HTTPS, чтобы предупредить пользователей о том, что сайт, к которому они собираются перейти, небезопасен.
Онлайн-безопасность, проверка веб-сайтов и SSL-сертификаты стали намного важнее за последние несколько лет. Но прежде чем покупать SSL-сертификат (да, есть разные типы), вам нужно понять, почему и когда важно использовать HTTPS на вашем веб-сайте.
По сути, если у вас есть интернет-магазин или вы собираете конфиденциальную личную информацию от ваших пользователей, вы должны гарантировать, что все эти данные будут зашифрованы и надежно сохранены на вашем сайте. Вы можете сделать это, получив и внедрив сертификат SSL.
Доступны платные и бесплатные варианты (иногда их предлагает ваш хостинг-провайдер). Поскольку это более сложный и утомительный процесс, мы рекомендуем обратиться за помощью к специалисту, чтобы избежать ошибок или проблем на веб-сайте.Думайте об этом как о новом веб-сайте. Ваш URL-адрес изменится с http на https. Все ваши старые ссылки должны перенаправлять на ваш новый веб-сайт, иначе вы потеряете много трафика.
Ознакомьтесь с нашей услугой по внедрению SSL здесь.
Примечание. После внедрения SSL-сертификата вам необходимо обратиться к своему хостинг-провайдеру и проверить, все ли было сделано правильно. Вам также потребуется обновить Google Analytics и Google Search Console, чтобы добавить новый URL-адрес https.
8. Улучшайте заголовки и описания
Заголовки и описания очень важны для SEO. Они сообщают поисковым системам, о чем ваши веб-страницы, и помогают им лучше понять содержание этих страниц.
Заголовки и описания используются для отображения фрагментов обычного поиска, которые появляются на страницах результатов поиска. Вот хороший инструмент, который позволяет вам предварительно просмотреть ваш поисковый фрагмент.
Мета-заголовки считаются одним из наиболее важных факторов ранжирования и используются Google для ранжирования ваших веб-страниц.Следовательно, важно писать описательные и релевантные заголовки.
Метаописания не влияют на ваш рейтинг, но могут использоваться для увеличения рейтинга кликов и побуждения пользователей нажимать на ваши поисковые фрагменты.
Вот несколько полезных советов по написанию SEO-дружественных заголовков и описаний:
- Убедитесь, что вы всегда добавляете заголовок и описание к своей странице.
- Убедитесь, что ваш заголовок не слишком длинный (должен быть до 60-70 символов)
- Убедитесь, что ваше описание не слишком длинное (должно быть до 160 символов)
- Избегайте слишком коротких заголовков и описаний
- Заголовок должен быть описательным и соответствовать содержанию на этой странице
- Включайте соответствующие ключевые слова в заголовки и описание, но не перегружайте их и не оптимизируйте.Пишите заголовки и описания для своих пользователей, а не для поисковых систем.
- Избегайте дублирования заголовков и шаблонных шаблонов (значительное количество повторяющегося текста, которое повторяется в нескольких заголовках на вашем сайте)
- Напишите убедительные описания и включите призыв к действиям, чтобы побудить пользователей нажимать на ваши фрагменты поиска
Вы можете использовать Yoast Плагин SEO для настройки заголовков и описаний на вашем сайте WordPress. Ознакомьтесь с разделом «Yoast SEO Toolbox» в этом руководстве, чтобы узнать, как это сделать.
9. Используйте плагины SEO
Просто установить и активировать плагин SEO будет недостаточно. Найдите время, чтобы прочитать и узнать о его функциях и возможностях, правильно настроить и только потом начать пользоваться его эффектами. Из всех доступных плагинов SEO мы рекомендуем один из следующих двух:
- Yoast SEO — позволяет добавлять ключевые слова и метаописания на каждую из ваших страниц. Также это ваше решение для выбора правильного описания и избранных изображений для вашего сайта и страниц при публикации их на Facebook.Вы можете ознакомиться с их собственной документацией или выполнить шаги, описанные в нашем Руководстве по вашему плагину Yoast SEO. Примечание. Классические темы Flothemes основаны на настраиваемых полях, поэтому, если у вас есть страницы, созданные с помощью блоков, вам может потребоваться еще один плагин от Yoast. Он сможет читать контент в ваших блоках и давать предложения по SEO. Yoast также может читать содержимое Flexblocks и предоставлять предложения по SEO в реальном времени.
- All in One SEO — еще один отличный плагин для SEO, позволяющий использовать ключевые слова, метаописания и варианты публикации в социальных сетях.WP Beginner предоставляет хорошую статью о настройке All in One SEO.
- Математика рангов — новый ребенок на блоке. Команда, разработавшая этот плагин, называет его «Швейцарский армейский нож WordPress SEO», и, честно говоря, это заслуженное звание. Вы будете приятно удивлены количеством опций и функций, которые этот плагин предлагает бесплатно. Здесь мы поделились своими мыслями о математике рангов.
10. Улучшение структуры URL-адресов
Постоянные ссылки позволяют сделать ссылки на страницы вашего веб-сайта более структурированными и чистыми.Четкая структура URL-адресов также помогает поисковым системам легче ссылаться на ваш сайт.
К счастью, WordPress позволяет очень легко определить и настроить структуру постоянных ссылок. Настройки доступа >> Постоянные ссылки на панели инструментов, чтобы найти следующее окно настроек.
Для SEO мы рекомендуем выбрать опцию Post name. Это делает ваш URL-адрес читаемым для пользователей и поисковых систем и позволяет вам вводить ключевое слово в URL-адрес публикации.
Вуаля, ваш URL превратился из чего-то неряшливого и некрасивого, например « https: // yourwebsite.com /? p = 123Bghd & sd36 »на« https://yourwebsite.com/your-awesome-page-including-keyword/ ».
Хотите знать, следует ли включать категории или даты в структуру постоянных ссылок? Прочтите эту статью Yoast об идеальной структуре постоянных ссылок WordPress для SEO.
11. Используйте внутренние ссылки
Это хороший способ дольше удерживать пользователей на вашем веб-сайте, предлагая им несколько рекомендуемых дополнительных галерей / статей для ознакомления. Это также отличный способ улучшить показатель отказов и хороший способ повысить авторитет страницы, добавив больше внутренних ссылок, указывающих на эту страницу.
Свяжите похожие и похожие сообщения, дайте больше вдохновения и продемонстрируйте больше ваших работ. Это могут быть гиперссылки внутри вашего текста (лучше всего иметь там ключевое слово) или блок-раздел типа «Вам также понравится …» в конце вашего сообщения.
Источник изображения: www.moz.comДля получения лучших результатов не учитывайте этот совет при будущих публикациях в блоге. Сделай это сейчас. Приостановите чтение этой статьи. Откройте свой последний пост в блоге и попробуйте связать его с некоторыми из ваших старых связанных галерей или статей.
12. Местное SEO
Если вы хотите, чтобы ваш регион (город, штат или страна) был заметен и получил хороший рейтинг, вам необходимо читать, учиться и работать над локальным поисковым оптимизатором.
Local SEO, конечно же, включает стратегию ключевых слов, которую вы уже внедрили, но также сильно зависит от отзывов, которые вы собираете от клиентов. В идеале вы собираете отзывы в Google через свою учетную запись Google Мой бизнес (при условии, что у вас есть учетная запись Google Мой бизнес).
Специализированные платформы для обзоров, такие как Yelp, могут хорошо повлиять на ваш местный рейтинг. А также обзоры в Facebook. Последних собрать намного проще, так как именно там «живет» большинство ваших клиентов. Для первых двух вам, скорее всего, потребуется отправить своим клиентам ссылку, попросить их оценить вас и оставить отзыв. Многие фотографы не чувствуют себя комфортно или не любят спрашивать обзоры, тогда как Facebook кажется более естественным, и пользователи обычно делают это без запроса.
Подробнее об оптимизации вашего веб-сайта для локального поиска в этой статье.
13. Оптимизация для мобильных устройств
Кажется странным все еще подчеркивать это, но если ваш сайт не реагирует, создание нового адаптивного веб-сайта с фотографиями должно быть первым делом в вашем списке To Do SEO.
Поскольку использование Интернета на мобильных устройствах резко возросло за последние пару лет, есть большая вероятность, что по крайней мере треть посетителей вашего сайта будут заходить на ваш сайт со своего мобильного устройства.
Фактически вы можете проверить эту статистику в своей учетной записи Google Analytics в разделе Аудитория >> Мобильные устройства >> Обзор.
Всегда проверяйте различные устройства при запуске нового сайта или обновлении существующего, чтобы убедиться, что все выглядит хорошо и работает правильно. Если ваша платформа для создания веб-сайтов позволяет (как это делают наши Flexthemes), настройте свой мобильный сайт. Но убедитесь, что вы не скрываете важный контент или элементы, поскольку Google перешел на индексацию сначала для мобильных устройств и будет оценивать ваш сайт на основе мобильной версии.
С помощью нашего мощного конструктора FlexBlock у вас есть возможность настроить свою мобильную версию так, как вы хотите, и обеспечить отличный опыт для ваших мобильных посетителей.
Примечание: Как всегда, не забудьте оптимизировать свои изображения для Интернета, прежде чем загружать их на свой веб-сайт.
14. Отправьте свой файл Sitemap в Google
Если страница не проиндексирована, она не будет найдена ни Google, ни вашими потенциальными клиентами.
У Google есть собственные сканеры (также известные как боты или пауки), которые посещают ваш веб-сайт и индексируют изменения и свежий контент, чтобы обслуживать его на страницах результатов поиска.Однако нет необходимости просто терпеливо сидеть и ждать, пока это произойдет. Вы можете вручную отправить карту сайта в Google, чтобы процесс индексации происходил быстрее.
Все, что вам нужно сделать, это создать карту сайта с помощью плагина Yoast SEO и отправить ее через консоль поиска Google. Используйте эту постоянную ссылку, чтобы получить карту сайта — https://yourwebsite.com/sitemap_index.xml
Войдите в Search Console и выполните следующие действия:
— Перейти к индексу >> Карты сайта
— Введите sitemap_index.xml в поле значения
— Нажмите «Отправить»
Это должно помочь.
Поскольку Google является предпочтительной поисковой системой, когда речь идет о поисковой оптимизации, мы проводим вас только через эти шаги. Однако вы всегда можете отправить свою карту сайта и в другие поисковые системы. Yoast описывает в своем блоге, как отправить карту сайта в Bing, Яндекс и другие поисковые системы.
15. Удаление и перенаправление старого содержимого
Прежде всего, проверьте свой сайт на наличие старых, неиспользуемых плагинов или расширений и избавьтесь от них, так как они могут замедлять работу вашего сайта.Устаревшие плагины также могут поставить под угрозу безопасность вашего сайта. Так что отнеситесь к этому серьезно.
Еще в 2011 году Google представил Google Panda, изменение в алгоритмах ранжирования, предназначенное для определения типов веб-сайтов «фермы контента» и понижения их рейтинга — для продвижения высококачественного контента на высококачественных веб-сайтах. Вы спросите, причем здесь какое-то отношение ко мне? Что ж, если вы храните на своем веб-сайте кучу старого контента, из-за чего трафик у вас низкий или вообще отсутствует — эти старые сообщения могут повредить вашему общему рейтингу.Так что лучше удалите их и создайте:
–301 перенаправляет, если у вас есть более новая, актуальная статья по той же теме.
–410, если заменить его нечем, но вы хотите, чтобы Google прекратил его индексировать.
–404, особенно если вы следуете пункту 13 и создаете забавную и очень конвертируемую страницу 404.
Примечание. перед удалением ссылок с кодами состояния 404 или 410 убедитесь, что эти URL-адреса не имеют большого объема трафика или обратных ссылок. Если они по-прежнему генерируют трафик или имеют обратные ссылки, используйте 301 редирект.
Вот руководство от Yoast, в котором объясняется, как создать перенаправление 301, которое также называется постоянным перенаправлением, и которое позволяет Google и другим поисковым системам знать, что старый URL-адрес должен быть назначен новому URL-адресу, на который вы перенаправляете своих пользователей. Но имейте в виду, что переадресация 301 — это здорово, когда вы можете заменить старую публикацию на новую по той же теме. В противном случае, если вы будете перенаправлять пользователей на случайную страницу (даже если это ваша домашняя страница), вы рискуете увеличить показатель отказов, поскольку пользователи будут получать доступ к одному фрагменту контента, не находя его и немедленно закрываясь.В этом случае 410 или 404 — лучшая альтернатива.
16. Исправление битых ссылок
Возможно, часть вашего старого контента была удалена, или веб-сайты / статьи, на которые вы ссылались, — могли быть удалены.
Неработающие ссылки случаются, и это не всегда находится в вашей сфере контроля. Игнорирование их, с другой стороны, навредит опыту ваших пользователей и рейтингу Google. Хотя вы можете выполнить ручную проверку, отсканировать каждую страницу, щелкнуть каждую кнопку и гиперссылку — есть более простые и быстрые способы добиться этого.
Используйте бесплатный или платный онлайн-инструмент, который выполнит проверку за вас (например, средство проверки неработающих ссылок или средство проверки неработающих ссылок). Определите проблемные URL-адреса и создайте для них перенаправление. Если это внешние ссылки, обязательно обновите или удалите их.
17. Многоязычные сайты и поисковая оптимизация
Многоязычные веб-сайты немного сложнее и сложнее реализовать, если вы хотите сосредоточиться на построении своей стратегии SEO. Вы должны быть осторожны со структурой ссылок вашего сайта.Распространенная ошибка — использование двух языков на одной странице. Лучше потратьте немного больше времени на создание двух отдельных страниц для каждого языка.
К счастью, с WordPress вы можете легко создавать поддомены, подпапки или настраивать 2 отдельных домена для каждой языковой версии вашего веб-сайта, чтобы использовать одну и ту же общую базу данных. Это упрощает управление и контроль над вашими веб-сайтами. Это означает, что если вы настроите дизайн или элемент на одном из них, изменения будут применены к обоим.
Из соображений SEO также рекомендуется связывать страницы с их эквивалентами на другом языке (функция, которую позволяют не многие платформы CMS, но позволяет WordPress).
Если вы хотите глубже погрузиться в мир многоязычного SEO, разработать надежную стратегию, найти подходящие ключевые слова для каждого языка и протестировать их, прочтите эту исчерпывающую многоязычную статью по SEO от Ahrefs.
Обратите внимание, что также стоит инвестировать в специализированный плагин, такой как WPML или TranslatePress, особенно потому, что все наши последние темы совместимы с плагинами перевода.
Нет, это не только маркетинг и PR, но и SEO. Как упоминалось ранее в этой статье, активность в социальных сетях, участие в обсуждениях и иногда (при необходимости) обратная ссылка на ваш веб-сайт или конкретная публикация на вашем сайте — это принесет качественный трафик и новых потенциальных клиентов на ваш сайт.Кроме того, постоянство и регулярные публикации в социальных сетях позволяют поддерживать связь с аудиторией и постоянно напоминать им о своем бренде и великолепии.
АлгоритмыFacebook и Instagram пытаются вычислить, какой тип контента вам будет интересен, на основе вашего прошлого взаимодействия с разными людьми и страницами, постов, которые вам понравились и которые вы прокомментировали. По этой причине вы видите только определенные обновления в своей ленте новостей, а остальная информация остается скрытой (вам нужно вручную посещать страницы брендов и профили друзей, чтобы увидеть их последние сообщения).
Если вы ведете активную деятельность в социальных сетях месяц или два, а затем внезапно исчезаете на несколько недель — когда вы снова в сети и публикуете сообщения, вы можете заметить значительное снижение охвата и вовлеченности. Вот почему мы рекомендуем вам проанализировать свои идеи для каждой платформы (что очень легко сделать с помощью бизнес-аккаунтов), определить временные интервалы, когда большинство ваших поклонников активны в сети, и опубликовать их.
Делайте это регулярно. Рассматривайте каждую платформу социальных сетей как отдельную «личность» и адаптируйте свои сообщения для нее — размер изображения, текст, с хэштегами или без них и т. Д.Обязательно отвечайте на комментарии своих подписчиков и публикуйте сообщения, которыми делятся другие. Это окупится как с точки зрения SEO, так и с точки зрения количества подписчиков / уровня вовлеченности.
19. Использование ключевых слов
Мы получаем этот вопрос довольно часто, поэтому мы хотели бы его опровергнуть. Это миф. Google не заботится о том, включаете ли вы слово «фотография» в свое доменное имя (URL-адрес веб-сайта) — так что решать вам.
Мы рекомендуем продвигать ваш бренд через доменное имя, чтобы повысить узнаваемость и узнаваемость бренда.
Сосредоточьтесь на создании ценного и полезного контента для ваших посетителей и постарайтесь включить релевантные ключевые слова на свои страницы. Вот краткая стратегия, которая вам поможет:
- Изучите обычные ключевые слова с помощью одного из этих удобных инструментов: https://neilpatel.com/ubersuggest/, https://keywordtool.io/
- Выберите набор похожих ключевых слов с достаточным объемом поиска, низкой / средней конкуренцией и картой. их на самую релевантную страницу.
- Включите эти ключевые слова на эти страницы.Вы должны упомянуть их в следующих областях:
- Названия и описания
- Заголовки от h2 до H6 (хотя бы в одном из них)
- Тело страницы (в любом месте страницы или сообщения)
- Атрибут Alt изображения или имени файла (необязательно)
- Внутренние ссылки (опционально)
- URL страницы (необязательно)
- Следите за прогрессом в Search Console и ищите новые возможности для ключевых слов.
Вот подробное руководство по ключевым словам для фотографов, которое научит вас искать, находить и выбирать лучшие из них для вашего веб-сайта.
20. Повысьте скорость загрузки вашего сайта
Так же, как вы время от времени осматриваетесь у врача, вам необходимо следить за состоянием и производительностью своего сайта. Особенно после некоторых серьезных обновлений вашей темы, версии WordPress, обновлений плагинов, нового хостинг-провайдера и т. Д. Обновления могут включать новые функции, ошибки или по-разному загружать JavaScript, что может повлиять на скорость и рейтинг вашего сайта.
Несколько отличных платформ для быстрой, но тщательной проверки скорости сайта:
Следите за скоростью загрузки страницы более 4 секунд, размером страницы более 5 МБ и другими низкоэффективными или вызывающими проблемы индикаторами, такими как: общее время блокировки, наибольшая отрисовка содержимого, время до первого байта (TTFB) и т. Д.
Ознакомьтесь с этими советами и рекомендациями о том, как повысить скорость работы сайта с фотографиями.
21. Оптимизация страниц для расширенного описания веб-страниц
Rich snippets — это хорошо структурированные и красивые результаты, которые вы получаете в Google при поиске по определенному запросу или компании. Некоторые типы контента / страниц могут отображаться с помощью расширенного фрагмента (например, рецепты, события, продукты, обзоры, веб-сайты фотографов и т. Д.).
Получение расширенного описания веб-страниц не сразу повлияет на вашу оценку в Google, поскольку они не являются прямым фактором ранжирования в обычном поиске.Однако они помогут Google лучше понять ваш контент (семантику / значение) + пользователи с большей вероятностью будут нажимать на результат поиска, в котором есть подробный предварительный просмотр контента. Это, конечно, если ваш контент соответствует их поисковой цели.
Чем больше структурированных данных вы укажете на своем сайте, тем больше шансов получить расширенные результаты и улучшить результаты поиска в обычных результатах поиска.
Узнайте, как добавить расширенные сниппеты на свой сайт WordPress.
Узнайте, как добавить расширенное описание к видео на своем веб-сайте.
22. Метрики
Какой смысл вкладывать столько времени, усилий и денег в SEO, если вы не измеряете и не анализируете свои результаты? Возможно, вам это вообще не нужно? Мы рекомендуем использовать различные инструменты, такие как Google Analytics и Search Console, чтобы получить точную картину того, что происходит на вашем веб-сайте, и принимать решения на основе собранных данных, а не на интуитивном уровне.
В идеале вы проверяете статистику перед тем, как применять эти советы и стратегии, а затем после.
Вот некоторые из инструментов, которые мы любим во Flothemes:
1. Google Analytics (GA) — анализируйте все, что происходит на вашем сайте, объем трафика, откуда он берется, где живут ваши пользователи, какое устройство они используют, сколько возвращаются, какие страницы наиболее просматриваются, и т. д.
2. Консоль поиска Google — набор инструментов, который позволяет вам легко общаться с Google, настраивать и исправлять (в случае каких-либо проблем) способ, которым Google видит и индексирует ваш веб-сайт, настраивать ваши внутренние или внешние ссылки, проверять, какой тип ключевые слова, которые пользователи искали при переходе на ваш веб-сайт, каков рейтинг кликов для каждого из этих ключевых слов, а также другие полезные данные.Вы также можете интегрировать свою GA с Google Search Console.
3. Hotjar или CrazyEgg — инструменты теплового картографирования позволяют вам видеть и анализировать, как люди ведут себя на вашем веб-сайте, что они смотрят на ваших страницах, на какие кнопки и ссылки они нажимают, что они пытаются делать, что делают они пропускают.
Это может быть сенсацией и поможет вам обнаружить неровности или возможности для улучшения вашего веб-сайта (размещение призывов к действию или наиболее популярного / релевантного контента в тех местах, где пользователи смотрят и нажимают больше всего) для улучшения взаимодействия с пользователем и конверсии.И Hotjar, и CrazyEgg имеют 30-дневный пробный период, где вы можете протестировать их и решить, какой из них вам больше нравится.
Несколько дополнительных вещей
Если вы читаете это, вы суперзвезда!
Вы просто стали лучше разбираться в SEO. Пришло время применить эти знания, стратегии и инструменты на вашем собственном веб-сайте. Присоединяйтесь к нашей группе SEO для фотографов в Facebook, чтобы делиться вопросами, опытом и получать ежедневные советы по улучшению.
Последнее замечание. Никто, и мы действительно имеем в виду, что НИКТО НЕ МОЖЕТ ОБЕЩАТЬ ВАМ ВЫСШИЙ (ИЛИ ТОП-3) РЕЙТИНГ GOOGLE любой ценой.Вы не можете просто купить свой рейтинг в поисковых системах. Это длительный, непрерывный процесс, который требует вашего постоянного времени, внимания и преданности.
Если кто-то предлагает вам высший рейтинг по цене, вероятно, это афера. Что они могут сделать, так это улучшить текущую производительность вашего сайта, что, в свою очередь, положительно повлияет на ваш рейтинг, но это не гарантия первой страницы и наивысшего рейтинга.
Мы не хотим вас отговаривать. SEO важна, но это процесс, а не материальный продукт.Его нельзя купить, как кофе. А теперь, наши талантливые креативные дельцы, время закатать рукава!
SEO Глоссарий
Вот список некоторых общих терминов SEO и их объяснение. Это поможет вам лучше понять терминологию SEO и начать работу над улучшением своего сайта.
Что такое альтернативный тег?Теги Alt определяют альтернативный текст для изображения. Они предназначены для слабовидящих и читателей веб-сайтов. Это один из важнейших атрибутов вашего изображения, который оказывает большое влияние на поисковую оптимизацию вашего изображения.
Что такое обратные ссылки?Обратная ссылка — это ссылка на ваш сайт с другого сайта. Если множество качественных внешних ссылок ведут на ваш сайт, это означает, что ваш сайт имеет высокий авторитет.
Что такое постоянная ссылка?Постоянная ссылка — это постоянный URL-адрес вашего отдельного сообщения в блоге. Вы можете определить структуру постоянных ссылок в админке WordPress.
Что такое страница 404?Ошибка 404 (не найдена) означает, что запрошенная веб-страница больше не доступна.
Что такое 301 редирект?Перенаправление 301 (перемещено навсегда) — это постоянное перенаправление с одного URL-адреса на другой. Это рекомендуемый тип переадресации, если вы хотите передать полномочия с одной ссылки на другую.
Что такое карта сайта?Карта сайта — это файл со списком ваших веб-страниц, изображений, видео и т. Д. Поисковая система использует этот файл для обнаружения и сканирования ваших страниц и файлов.
Что такое GMB?Google Мой бизнес — это список предприятий, который позволяет отображать информацию о вашей компании в результатах поиска Google и на Картах Google.
С любовью,
Flothemes Team