image-seo

D o вы хотите увеличить посещаемость своего блога с помощью SEO изображений?

Изображения - отличный способ привлечь читателей и оживить ваш блог. Но они также очень важны для SEO.

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

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

Давайте приступим!

What Is Image SEO? 

Image SEO - это просто оптимизация изображений для поисковых систем. Когда вы применяете SEO для изображений в своем блоге, это помогает:

Высокий рейтинг в результатах поиска

Мы все знаем, что Google может сканировать ваш письменный контент. Но знаете ли вы, что ваши изображения тоже сканируются?

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

Вот почему SEO изображений так важно - оптимизация помогает Google понимать и оценивать ваши изображения в поиске.

Ускорьте свой сайт

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

Медленный веб-сайт влияет на ваш SEO-рейтинг и посещаемость. Итак, вы хотите убедиться, что ваш сайт работает как можно быстрее.

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

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

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

A google image search of golden retrievers

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

Представьте, что ваше сообщение в блоге занимает первое место в поиске картинок Google и обычном поиске! Ваш блог получит БОЛЬШЕ веб-трафика, чем обычно.

Видите, насколько важно SEO для изображений? Это отличный способ увеличить трафик, рейтинги и клики.

Каждый должен оптимизировать свои изображения… но как это сделать?

7 методов оптимизации изображений, которым нужно следовать

Вы, наверное, думаете, что является наиболее важным элементом SEO изображений?

Что ж… в SEO изображений есть не только один важный элемент, но и семь важных элементов.

И мы рассмотрим каждый из них в этом разделе.

1. Выберите полезные изображения

Если вы читаете другие блоги, то, вероятно, видели изображения, которые выглядят так:

A stock photo of a laptop on a chair

Это неплохое фото, но хорошее ли оно? Другими словами, говорит ли эта фотография читателю что-нибудь полезное?

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

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

Давайте взглянем на инфографику из нашего сообщения как ускорить работу вашего сайта WordPress.

An infographic of website speed statistics

Это изображение содержит потрясающую статистику о скорости веб-сайта. Читатель может так много узнать об ускорении своего сайта с помощью одного изображения.

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

Так как же вам найти эти изображения?

Делайте собственные фотографии

Большинство наших телефонов оснащено великолепными камерами с высоким разрешением. Так почему бы не сделать свои собственные фотографии?

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

A fashion blog takes their own photos to boost image SEO

С уважением, Жюль ведет популярный блог о модеfashion blog. Большинство ее фотографий сделано ее собственным фотографом. Ее уникальные фотографии - отличное дополнение к ее сайту.

Подсказка: если вы делаете собственные фотографии в Instagram, вы можете отобразить свой канал Instagram в своем блоге. Таким образом, вместо того, чтобы вручную добавлять фотографии в ваш блог, Instagram сделает это за вас.

Кроме того, Google может сканировать ваши сообщения в Instagram… это беспроигрышный вариант!

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

Не фотограф? Вы всегда можете создать свои собственные изображения с помощью инструмента для редактирования изображений.

Но подождите, разве не сложно сделать дизайн изображений?

Нет! С помощью простого инструмента редактирования вы можете создавать забавную и уникальную графику для блога. Давайте взглянем на одно из изображений WPBeginner.

WPBeginner's designed image, How to Create Mobile Popups That Won't Hurt SEO

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

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

Выберите интересные стоковые фотографии

Есть масса отличных стоковых фото-сайтов с интересными фотографиями, как показано ниже:

Two people working out. This is an example of a useful stock image

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

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

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

2. Оптимизируйте имя файла изображения

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

An example of an image file name

Вы можете не моргать, глядя на случайные числа, но искать двигатели делают. Вот почему:

Google может интерпретировать имена ваших файлов изображений. Поэтому важно переименовать ваши файлы в названия, связанные с вашим изображением.

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

Oatmeal chocolate chip cookies. you should name this image file oatmeal-chocolate-chip-cookies.

Название этой фотографии может быть что-то вроде oatmeal-chocolate-chip-cookies.jpeg.

Обратите внимание, как описательное имя файла изображения выше? Это самая важная часть названия вашего изображения. Вы должны дать Google контекстные подсказки о том, о чем ваша графика.

Итак, теперь вы можете подумать, нужно ли мне ставить тире между словами?

Да! Использование тире между словами упрощает понимание Google. Это означает, что вам следует избегать имен файлов, которые выглядят следующим образом:

  • oatmealchocolatechipcookies.jpeg - Отсутствие пробелов затрудняет считывание имени файла Google.
  • овсяное печенье с шоколадной крошкой.jpeg - Между каждым словом ставятся дефисы.

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

3. Добавить замещающий текст изображения

Альтернативный текст, также известный как теги alt, - отличный способ улучшить поисковую оптимизацию изображений и повысить рейтинг по ключевым словам.

Альтернативный текст - это «текстовая альтернатива» для онлайн-изображений. В HTML альтернативный текст будет выглядеть так:

An example of what alt text looks like in HTML

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

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

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

A serious orange and black striped tiger staring at the wild animal photographer's camera

Альтернативный тег к этой фотографии будет выглядеть примерно так… камера фотографа животных ».

An example of an alt tag in HTML and how it improves image SEO

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

Да, и не забудьте добавить свое основное ключевое слово! Включение ключевого слова помогает вашему общему SEO-рейтингу. Итак, если ваше ключевое слово для этого сообщения - «Бенгальский тигр», тогда ваш alt-тег может выглядеть примерно так:

An example of alt tags with the primary keyword

В целом ваши alt-теги должны быть описательными, оптимизированы для ключевых слов | || 294 , and related to your blog post. And unlike the image title, you don’t have to use a dash (-) between every word. Feel free to write your alt text as a normal sentence. 

Так как же изменить замещающий текст в WordPress?

На своей странице перейдите к своим Сообщения и нажмите Редактировать.

Click on All posts and then edit

Когда вы загружаете изображение на свою страницу, нажмите Медиа-библиотека.

Choose media library to change the alt text of the image

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

Change the alt text in WordPress, alt text helps your image SEO

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

wordpress-editor-alt-text

Не забудьте добавлять теги alt к каждому загружаемому изображению. Это поможет Google понять и оценить ваши фотографии.

4. Загрузите правильный формат изображения

Помимо имени файла изображения, вы, вероятно, заметили формат файла изображения, прикрепленный к каждой загружаемой фотографии.

What an image file format can look like. You need the right image file format for good image SEO

Формат файла изображения - это то, как ваше изображение сохраняется. Некоторые изображения хранятся как файлы JPEG, а некоторые - как файлы PNG.

Подождите ... формат файла изображения имеет значение для SEO?

Совершенно верно. Использование правильного формата может напрямую повлиять на скорость вашего сайта. Неправильный формат увеличивает размер файла изображения, и все мы знаем, что означает большой файл изображения… медленный веб-сайт.

Итак, какой формат файлов изображений наиболее оптимизирован?

Не существует универсального формата изображения. Одна фотография может лучше всего работать в формате JPEG, а другая - в формате GIF. Это зависит от качества и цветового разрешения.

При этом мы сосредоточимся на 3 самых популярных форматах файлов изображений:

  • JPEG - Этот файл сжат, поэтому он немного снижает качество загруженного изображения. Мы предлагаем использовать JPEG для красочных изображений.
  • PNG - В отличие от JPEG, этот файл не сжат. Изображения лучше смотрятся с PNG, но размер файла большой. Вы должны использовать PNG только для простой графики или прозрачных изображений.
  • GIF - Поскольку GIF использует только 256 цветов, вы можете загружать простые анимации в этом формате.

Вы также можете взглянуть на нашу краткую инфографику о форматы файлов изображений ниже.

An infographic of each image file format. JPEG, GIF and PNG files.

Итак, что произойдет, если вы загрузите изображение и поймете, что это неправильный формат файла?

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

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

5. Изменить размер изображения

Каждое изображение имеет набор размеров (ширина x высота). Например, вы можете загрузить фотографию размером 1300 на 850 пикселей.

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

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

Нет правильного ответа. На самом деле это зависит от ширины содержимого вашего сайта. Ширина содержимого - это размер содержимого вашего блога.

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

Итак, как определить ширину вашего контента?

Google Chrome - это простой способ определить ширину вашего контента. Для начала зайдите на свой сайт WordPress в Chrome.

Нажмите на три точки в правом углу и найдите Дополнительные инструменты » Инструменты разработчика.

With developers tools, you can figure out the content width of your blog and resize images correctly.

Окно кода должно появиться в правой части вашего сайта. Не волнуйтесь, мы ничего этого не трогаем. Вместо этого нажмите на инструмент element в верхнем левом углу окна.

Click on inspector tool at the top to find your content width and right image file size

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

highlight block of text

Когда вы выделяете блок текста, появляется информационное окно. Вы можете найти ширину содержимого вашего сайта в первой строке, рядом с p. 

Next to p, you can see the width of your content width

Рядом с p мы видим, что ширина содержимого текста нашего блога составляет около 626,66 пикселей. Отсюда вы можете выбрать ширину изображения, примерно равную ширине вашего контента.

С другой стороны, высота вашего изображения может меняться в зависимости от изображения. Просто убедитесь, что ширина вашего изображения соответствует ширине содержимого.

И как только вы определите размер своего изображения, придерживайтесь его! Не загружайте в свой блог изображения всех размеров. Это может выглядеть небрежно.

В Blog Tyrant мы добавили ширину изображения в руководство по стилю. Таким образом, каждый в нашей команде знает правильный размер.

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

6. Сжатие изображений

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

An example of a compressed image. Compressed images help with image SEO

Левая часть этой фотографии не оптимизирована, а правая сжата. Как видите, фото выглядит практически так же.

Когда мы сжимаем изображения в Blog Tyrant, размер файла обычно уменьшается как минимум на 70% - это ОГРОМНО для скорости сайта!

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

7. Кэшировать изображения

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

Кэширование вашего сайта имеет прямое отношение к его внутренней части. Итак, мы объясним, что такое кеширование в WordPress.

Допустим, вы написали в блоге сообщение о 10 лучших прическах для мужчин и женщин.

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

База данных… что это?

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

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

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

Ой, подождите! Вы можете кэшировать свой сайт.

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

An example of how caching works with wp.

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

Итак, как это снова связано с SEO изображений?

Благодаря кешированию WordPress может быстрее загружать контент и изображения из ваших сообщений в блоге. Это означает более быстрое время загрузки и лучшее SEO.

Но кеширование настолько технически, как его вообще настроить?

Конечно, с плагином кеширования WordPress! В следующем разделе мы рассмотрим лучший плагин кеширования для вашего сайта.

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

Когда дело доходит до SEO изображений, нужно многое сделать. Но хорошо, что вам не нужно делать все самостоятельно.

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

1. Инструмент кэширования изображений - WP Rocket

Первый инструмент SEO для изображений, о котором мы поговорим, - это WP Rocket.

WP Rocket кэширует все ваши изображения, как мы объясняли в шаге 7.

 WP Rocket caching plugin

Наряду с кешированием, WP Rocket - отличный инструмент для повышения скорости сайта в генеральный. Некоторые из его функций включают:

  • Кеширование страниц - Как вы уже знаете, WP Rocket кэширует все ваши веб-страницы и изображения для быстрой загрузки.
  • Сжатие статических файлов - К каждому сайту прикреплены файлы HTML, JavaScript и CSS. Когда кода много, скорость вашего сайта может снизиться. WP Rocket уменьшит вес файлов и ускорит ваш сайт.
  • Изображения по запросу - Также известная как «отложенная загрузка», ваши изображения будут загружаться, когда ваш онлайн-посетитель прокручивает страницу вниз. Таким образом, если посетитель читает только половину вашей страницы, тогда появится половина ваших изображений, что сэкономит время загрузки.

А еще лучше, все, что вам нужно сделать, это установить и активировать WP Rocket, чтобы получить эти функции. С вашей стороны не требуется дополнительной работы.

2. Инструмент сжатия изображений - Tiny PNG

TinyPNG - наш любимый инструмент сжатия изображений. Как мы уже упоминали выше, сжатие файлов изображений сильно влияет на размер изображения и скорость веб-сайта.

TINYpng is a compressor image tool

С TinyPNG вы можете загружать и сжимать до 20 изображений JPEG или PNG за сеанс. И это бесплатно. Итак, вот как это работает:

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

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

Compressing images with tinypng helps with your image SEO

Наше изображение «sign-in-google.png» изменилось с 159,9 кбайт до 40,1 кбайт. Это на 74% легче, чем раньше!

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

3. Инструмент для редактирования изображений - Canva

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

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

Canva - отличный инструмент для редактирования фотографий для любого, кто не является дизайнером. И это бесплатно!

use-canva-to-design-images

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

Вы также можете:

  • Изменить размер изображений
  • Добавить текст и значки к изображениям
  • Создавать изображения с нуля
  • Use Canva’s template gallery 
  • Сжимайте изображения при загрузке

4. Стоковые изображения - Shutterstock

Отличный способ найти высококачественные стоковые фотографии - это Shutterstock.

shutterstock-stock-photo-website

У Shutterstock есть тысячи фотографий и видео на выбор. Здесь вы можете найти как реалистичные, так и анимированные изображения.

Например, вам нужно изображение для вашего блога о здоровье и фитнесе.

shutterstock-images-for-bloggers

Посмотрите на все эти отличные варианты! Каждая фотография интересна, качественна и интересна.

Более того, все наши читатели Blog Tyrant получают один месяц бесплатного использования Shutterstock! Чтобы получить доступ, все, что вам нужно сделать, это нажать на нашу ссылку ниже:

5. Отображение изображений - Instagram Feed Pro

Бывают моменты, когда последнее, что вам нужно сделать, это оптимизировать изображения. Это важная часть SEO… но это также требует времени.

В то же время фото в блоге смотрятся отлично - чем больше, тем лучше! Так почему бы не добавить больше изображений на свой сайт с помощью Smash Balloon’s Instagram Feed Pro?

instagram-feed-pro-smash-balloon

С Instagram Feed Pro вы можете отображать свои сообщения Instagram на своем сайте. Таким образом, на вашем сайте всегда будет поток изображений без дополнительной работы.

instagram-feed-example-smash-balloon

Кроме того, Instagram Feed Pro создан для SEO изображений. Когда вы показываете свои фотографии, Google может сканировать и индексировать подписи к изображениям и замещающий текст.

С помощью этого плагина вы можете публиковать:

  • Стандартный канал Instagram
  • Канал хэштега Instagram
  • Пользовательский канал Instagram || | 547

And you’re not limited to one Instagram feed. With this plugin, you can post multiple Instagram feeds on your blog! Check out our guide on как отобразить канал хэштега Instagram в WordPress, чтобы начать работу.

И вы дочитали до конца поста!

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

Если вам понравился этот пост, вы также должны проверить наше полное руководство по Instagram для блоггеров.

И не забудьте подписаться на нашу рассылку!

2 комментария

Присоединяйтесь. Комментарии закрываются через 30 дней.

Добавить комментарий

Мы ' рада, что вы решили оставить комментарий. Помните, что все комментарии модерируются в соответствии с нашей политикой конфиденциальностиprivacy policy, и все ссылки являются nofollow. НЕ используйте ключевые слова в поле имени. Давайте проведем личный и содержательный разговор.

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются данные вашего комментария.

  1. Спасибо, что объяснили размер изображения - это единственное, с чем я боролся на протяжении многих лет. Я использую Canva, так что большинство из них в порядке, но бывают случаи, когда я не использую, и это проблема. Спасибо за это!

  2. Крис Петерсон 9 декабря 2020 г.

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

    Спасибо

BlogTyrant on Tablet and Mobile
Бесплатное руководство по электронной книге
Ultimate Blogging Toolkit + Bonus

Присоединяйтесь к нашим 30 000+ подписчикам по электронной почте для получения обновлений блога и получите мгновенный доступ к руководству из 10 000 слов о том, как создать блог и построить устойчивый бизнес, используя исследование ключевых слов, трафик Google и множество проверенных стратегий. Позвольте нам помочь вам создать блог, чтобы поддержать доход вашей семьи и помочь сообществу, пока вы этим занимаетесь!