Оптимизация изображений 101 - Оптимизация изображений в блогах для SEO
Опубликовано: 2020-11-10В этой статье вы узнаете ВСЕ, что вам нужно знать об оптимизации изображений для SEO.
Фактически, я использую то же самое руководство для оптимизации изображений в моих сообщениях в блоге ...
… Чтобы сделать идеальное SEO на странице для моих сообщений в блоге.
… Для ранжирования моих изображений в поиске изображений Google.
… И привлечь трафик с помощью моих изображений.
Итак, если вы также готовы сделать это и для своего блога, вы попали в нужное место.
Давайте прямо сейчас погрузимся.
Полное руководство по оптимизации изображений для SEO:
- Зачем нужно оптимизировать изображения?
- Как найти правильные изображения для ваших статей?
- Как оптимизировать изображения для поисковых систем?
- Что следует помнить
- Лучшие практики для оптимизированного изображения
- Плагины WordPress для лучшей оптимизации
- SEO изображений и Pinterest
Зачем нужно оптимизировать изображения?
Есть много причин для оптимизации изображений. Изображения, которые вы используете в своей статье, улучшают оценку SEO, делают вашу статью более удобной для поисковых систем, а также играют огромную роль в скорости загрузки страницы вашего блога.
Преимущества оптимизации изображений:
- Сайты для обмена фотографиями, такие как Pinterest, могут привлечь огромное количество трафика.
- Фотографии отображаются в поисковых системах, и, поскольку в разделе изображений конкуренция намного меньше, вы можете легко повысить рейтинг своего изображения с помощью надлежащей оптимизации.
- Повышает показатель отказов вашего блога и увеличивает рейтинг SEO вашей статьи.
- Если вы создаете собственные изображения, вы также можете получать обратные ссылки, когда некоторые другие блоги используют ваше изображение в своих статьях и предоставляют вам ссылку на источник / кредит.
Поиск подходящих изображений для вашего блога
Все мы используем изображения в нашей статье, и прежде чем мы увидим лучшие практики по оптимизации изображений, я хотел бы поделиться с вами некоторыми ресурсами, из которых вы можете бесплатно получить стоковые изображения.
Работая с изображениями, нужно быть очень осторожными при их поиске. Вы не можете использовать Google Images, чтобы выбрать любое изображение и добавить его в свою статью, потому что эти изображения могут быть защищены авторским правом, и вы можете столкнуться с большими проблемами при использовании таких изображений.

- Сохранить
Вместо этого вы можете использовать различные веб-сайты, которые бесплатно предоставляют стоковые изображения. Вы можете использовать такие веб-сайты, чтобы найти изображение, которое идеально сочетается с содержанием вашей статьи.
Существуют такие сайты, как FreeDigitalPhotos, MorgueFile, Pixabay и т. Д., Которые предоставляют бесплатные стоковые фотографии, и такие сайты, как ShutterStock, где вы можете получить высококачественные и профессиональные изображения, заплатив несколько долларов.
Вы можете использовать бесплатные или платные сайты, чтобы найти нужное изображение для своей статьи, но никогда не используйте Google Images для их получения.
Было бы даже лучше, если бы вы могли создавать собственные изображения для своего блога.
Таким образом, никто никогда не будет вас беспокоить, и у вас будут все права на изображения, потому что вы создали их самостоятельно и сохраняете за собой все права.
Создание собственных изображений:
В большинстве случаев вы найдете отличное изображение на сайтах стоковых фотографий, но если вы не можете найти идеальное изображение и вместо этого хотите создать собственные изображения, вы можете использовать онлайн-сайты, такие как Canva.

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

- Сохранить
Как оптимизировать изображения для поисковых систем?
1. Выберите правильное имя файла.
Прежде чем загружать новое изображение в свою статью, вам нужно будет проверить название изображения перед его загрузкой. Я видел, как многие блоггеры выбирают имена файлов, которые не имеют ничего общего с содержанием статьи, или имена, которые не имеют никакого смысла.
Вы должны переименовать изображение, присвоив ему имя, по которому оно будет ранжироваться. Потому что, выбрав для изображения имя с множеством ключевых слов, вы упростите поисковым системам повышение рейтинга этого изображения в поисковой выдаче.
Например, если вы пишете статью о том, как найти ключевые слова с длинным хвостом, назовите свое изображение как «find-long-tail-keywords.jpg» или что-то в этом роде.
Это должно иметь смысл как для ваших читателей, так и для поисковых систем.
Однако убедитесь, что вы добавляете тире между двумя словами и не пишите все без пробелов. Так быть не должно - «findlongtailkeywords.jpg». В этом формате нет ничего плохого, но лучше оставаться в безопасности и выбирать формат, который удобочитаем.
- Неверный формат - «ABC123.jpg»
- Хорошо Формат - «findlongtailkeywords.jpg»
- Идеальный формат - «как-найти-long-tail-keywords.jpg»
2. Размер и сжатие изображения
Следующее, о чем вам нужно позаботиться перед загрузкой изображения, - это размер изображения и размеры. Вам не нужно загружать большие изображения в свою статью, потому что это создаст огромную нагрузку на ваш сервер и, как следствие, увеличит скорость загрузки.
Время загрузки страницы вашего сайта является чрезвычайно важным фактором с точки зрения SEO, и вы не хотите увеличивать время, добавляя огромные изображения.
Размер изображения:
По моему мнению, размер загружаемого изображения должен быть не менее 200 x 200 пикселей, чтобы его подхватили сайты социальных сетей, такие как Facebook, Twitter и Google+.
Однако вы можете вставить в статью изображение гораздо меньшего размера или большое изображение, в зависимости от ваших требований. Вышеуказанные размеры упомянуты только потому, что это минимальные требования для изображения, которое будет выбрано социальными сетями.
При работе с большими изображениями убедитесь, что вы принимаете во внимание ширину области содержимого вашего блога.

- Сохранить
Большинство тем блогов имеют ширину области содержимого 600-700 пикселей или, может быть, меньше или больше в зависимости от темы, поэтому убедитесь, что вы знаете ширину области содержимого, чтобы создать идеальное изображение.
В приведенном выше разделе указаны правильные размеры изображения, но что вы будете делать при загрузке стандартного изображения, размер которого слишком велик?
Если вы скачали стоковое изображение, и оно слишком велико по размерам, то лучше изменить его размер и затем загрузить. Не загружайте изображение в исходном размере и не изменяйте его размер с помощью параметров высоты и ширины в редакторе сообщений.
Если вы загрузите исходное изображение, а затем измените его размер из публикации, то вы ничего не добьетесь. Когда страница загружается в браузер, изображения загружаются с исходными размерами и размером, а затем они будут изменены. Это только увеличит время загрузки вашей страницы.
Существуют онлайн-инструменты, такие как PicResize и PicMonkey, которые можно использовать для изменения размера изображений перед их загрузкой в статью.
Сжатие изображения
Когда вы используете стоковые изображения высокого качества, вы будете сильно загружать свой сервер, чтобы просто загрузить изображения. Чем выше качество изображения, тем больше будет его размер.
Если изображение, которое вы хотите загрузить, состоит из трехзначных цифр в КБ или МБ, то это связано с тем, что качество изображения слишком высокое.
Размер изображения может составлять около 500 x 500 пикселей, но при этом он остается большим. В такие моменты нельзя просто изменить размер картинки; вам нужно сжать их для облегчения веса.
Существуют такие инструменты, как TinyPNG, которые помогают сжимать изображения для уменьшения размера. Даже после сжатия изображений это не сильно повлияет на качество изображения. Изображение по-прежнему будет хорошо выглядеть, не будет искажено или пикселизировано.

- Сохранить
3. ALT-текст
Основная цель текста ALT - предоставить описание файла изображения. Если изображения не отображаются по какой-либо причине, вместо него появится текст ALT, описывающий содержание изображения.
Другое использование текста ALT - сообщить поисковым системам, что изображение присутствует на своем месте. Поисковые системы не могут прочитать изображение, и если вы не используете текст ALT на изображениях в своем блоге, вы теряете большой трафик.
Поисковые системы используют текст ALT для определения лучших изображений, возвращаемых по определенному поисковому запросу. Большинство людей пытаются занять верхние позиции в поисковой системе, но игнорируют поисковые машины по изображениям, которые также могут принести много трафика. Итак, добавляя текст ALT к изображениям, вы убедитесь, что ваша статья идеально оптимизирована, что поможет вам получить SEO-преимущество над конкурентами.
Как выбрать тексты ALT?
Теперь вы знаете преимущества и важность текста ALT, но что вы должны вводить в качестве текста ALT в изображениях?
Тексты ALT - лучшее место для ввода ваших ключевых слов и повышения ваших шансов на более высокое показание при поиске изображений.
Однако вам нужно убедиться, что ваше изображение подходит для вашего ALT-текста. Вы никогда не должны добавлять изображение кошки в свою статью и маркировать его как « лучшие бесплатные инструменты SEO ». В этом нет никакого смысла.
Итак, используйте правильное изображение, которое показывает тему вашей статьи, и добавьте ключевые слова в тексты ALT, чтобы сделать ее видимой для поисковых систем и повысить шансы на получение рейтинга.
Как добавить ALT-текст в изображения?
Чтобы добавить текст ALT в код изображения, просто добавьте alt = «это ваш альтернативный текст» . Вот пример того, как это сделать.
<img src = ”find-long-tail-keywords.jpg” alt = ”как найти ключевые слова с длинным хвостом” />
Простой способ добавить текст ALT - использовать Media Uploader в редакторе сообщений WordPress. Когда вы загружаете изображение в свою статью, вы сможете добавить текст ALT прямо к своему изображению. Посмотрите изображение ниже, чтобы узнать, как это сделать.

- Сохранить
Поэтому не забудьте добавить текст ALT, который описывает изображение, а также содержание статьи. Таким образом, читатели также смогут разглядеть содержимое изображения, а поисковые системы смогут ранжировать его по связанным запросам.
Некоторые моменты, которые следует помнить:
1. Высота и ширина изображений:
Параметры высоты и ширины - один из факторов, на который при оптимизации изображений чаще всего не обращают внимания. Каждый раз, когда вы вставляете изображение в свою статью, убедитесь, что его HTML-код также содержит параметры высоты и ширины.
Причина, по которой они должны присутствовать в коде, заключается в том, что он играет огромную роль в скорости загрузки страницы. Когда браузеры обнаруживают теги высоты и ширины, они продолжают загружать текст на страницу, сохраняя пространство, определенное параметрами высоты и ширины, и заполняя его изображением.
Текст и изображение будут загружены одновременно, что обеспечит хорошую скорость загрузки страницы. Если вы не укажете теги, браузеры будут загружать текст до изображения, затем изображение будет загружено полностью, а затем будет загружен оставшийся текст. Это создаст большую нагрузку на серверы и увеличит скорость загрузки страницы.
В WordPress эти параметры автоматически добавляются, когда вы вставляете изображение, но если вы вручную добавляете теги HTML или просто хотите убедиться, что теги присутствуют, вы можете перейти в раздел текстового редактора , найти код изображения, который будет выглядеть примерно так, как на изображении ниже, и укажите параметры высоты и ширины, как показано.


- Сохранить
2. Удалите гиперссылку с изображения.
Когда вы загружаете изображения в свою статью, WordPress автоматически добавит ссылку в исходный код на местоположение изображения (например, папку / wp-content / uploads ).

- Сохранить
Если вы не хотите поделиться ссылкой на полноразмерное изображение, я не могу придумать ни одной причины, по которой вам следует сохранять гиперссылки на изображении.
Гиперссылка не только передает ссылочный вес на неважную страницу изображения, но и отвлекает пользователей. Когда посетители читают статью и случайно нажимают на изображение, они будут перенаправлены на местоположение изображения и, следовательно, они могут потерять интерес к статье.
Так что лучше просто удалить ссылки из исходного кода изображения. Вот как можно удалить гиперссылку с изображения.
Когда вы загружаете изображение, справа, в разделе «Настройки отображения вложений» , вы увидите параметр « Ссылка на» . Щелкните раскрывающееся меню и выберите « Нет», чтобы удалить гиперссылку.

- Сохранить
Лучшие практики для оптимизированного изображения
1. Формат изображения - JPEG, PNG или GIF?
Доступны различные типы форматов изображений, такие как JPEG (JPG), PNG и GIF. В основном мы все используем формат файлов JPEG, но иногда мы также склонны использовать PNG и GIF.
- Формат JPEG - формат JPEG лучше всего подходит для цифровой фотографии и является наиболее широко используемым форматом.
- Формат PNG - PNG - это формат без потерь, обеспечивающий потрясающее сжатие. Даже если вы отредактируете изображение несколько раз или измените его размер и сожмите, оно не потеряет никаких данных и не ухудшится в качестве.
- Формат GIF - формат GIF популярен в основном потому, что поддерживает изображения небольшого размера.
Из всех форматов изображений лучший формат изображения, который вы можете использовать, - это JPEG. Причина этого очень проста. Форматы JPEG сравнительно меньше по размеру, что означает, что изображения будут загружаться быстрее, и, поскольку вам не нужно много редактировать изображения, формат JPEG лучше всего использовать в ваших сообщениях.
2. Используйте подписи к изображению.
Подписи - это текстовое описание, которое отображается прямо под изображениями в вашей статье. Вы можете использовать область заголовка, чтобы описать изображение или дать ссылки на ссылку.

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

- Сохранить
Используя интеллектуальные и креативные подписи с креативными изображениями, вы вызовете интерес читателей, и они могут в конечном итоге проводить больше времени на вашем сайте, читая статью полностью. Это снизит показатель отказов, что, в свою очередь, улучшит ваш рейтинг SEO и увеличит шансы на то, что изображение займет более высокую позицию в результатах поиска.
3. Используйте файлы Sitemap для изображений.
Все мы знаем о важности карт сайта, и первое, что мы делаем при создании нового блога, - это создаем карту сайта и добавляем ее в учетные записи инструментов для веб-мастеров различных поисковых систем.
Когда вы добавляете карту сайта, вы сообщаете поисковым системам, что есть некоторые новые страницы, которые необходимо просканировать и проиндексировать, и таким образом вы убедитесь, что пауки поисковых систем могут сканировать каждую страницу вашего сайта и индексировать это в поисковых системах.
Вы создаете карты сайта для своих статей, тогда почему вы также не можете создавать карты сайта с изображениями и увеличивать шансы индексации изображений?
Создавать карты сайта изображений чрезвычайно просто, поскольку вы можете использовать плагин Udinra All Image Sitemap, чтобы создать карту для изображений в своем блоге и отправить ее в свою учетную запись Инструментов для веб-мастеров. После того как вы отправите карту сайта, все изображения будут просканированы и проиндексированы поисковыми системами.
Когда важны файлы Sitemap для изображений?
Если вы ведете блог по темам, которые не имеют ничего общего с изображениями, вы можете избежать использования файлов Sitemap с изображениями. Но если вы ведете блог о фотографии или технический блог, для которого требуется много изображений, неплохо было бы создать карту сайта для изображений, чтобы убедиться, что изображения правильно индексируются в поисковых системах.
Плагины WP для лучшей оптимизации изображений
В каталоге плагинов WordPress есть много плагинов для SEO, и коллекция включает в себя несколько действительно замечательных плагинов, которые помогут вам лучше оптимизировать изображения в вашем блоге. Мы собираемся увидеть некоторые из лучших плагинов для оптимизации изображений, которые вы можете использовать для управления изображениями и их идеальной оптимизации.
1. Изображения, оптимизированные для SEO

- Сохранить
Это, безусловно, лучший плагин для оптимизации ваших изображений для поисковых систем. Если у вас много изображений на вашем сайте, и вы не добавили тег заголовка или текст ALT в изображения, то этот плагин автоматически добавит теги к вашему изображению на основе выбранных вами настроек.
Вам просто нужно загрузить плагин SEO Friendly Images и установить его на свой сайт. Затем настройте его, выбрав параметры, и плагин добавит заголовок и текст ALT везде, где они отсутствуют.
Так что, если в вашем блоге много неоптимизированных изображений, пора использовать этот плагин для его оптимизации.
Примечание. Я бы посоветовал вам вручную добавлять к изображениям тексты ALT и теги Title сразу после их загрузки. Причина этого в том, что плагин SEO Friendly Images может не добавлять идеальные тексты ALT к вашим изображениям, потому что он работает с параметрами, которые вы выбрали в области настроек.
2. WP Smush.It или EWWW Image Optimizer

- Сохранить
Независимо от того, сколько вы пытаетесь изменить размер изображений и оптимизировать их перед загрузкой, все равно будет возможность оптимизировать их дальше.
Вот тут и пригодятся такие плагины, как WP Smush и EWWW Image Optimizer. Оба они делают, более или менее, одно и то же, поэтому вы можете использовать любой из них на своем сайте.
Эти плагины оптимизируют изображения, уменьшая их размер без ущерба для качества изображения. Никаких сложных настроек нет, просто запустите оптимизатор и все изображения будут оптимизированы.
Вот статья, опубликованная на WPBeginner, в которой показано, как можно использовать плагин WP Smush для оптимизации изображения, а также другие альтернативные плагины, такие как EWWW Image Optimizer в действии.
SEO изображений и Pinterest:
Pinterest - самая популярная социальная сеть для обмена изображениями со всего Интернета. Если вы используете много изображений, то не публиковать их в Pinterest - действительно плохая идея.
Поскольку Pinterest является авторитетным веб-сайтом, изображения, размещенные в сети, с большей вероятностью будут проиндексированы и ранжированы в результатах поиска.
Итак, всякий раз, когда вы публикуете изображение на Pinterest, убедитесь, что вы правильно его оптимизировали, добавив соответствующее описание и ссылки к каждому изображению, чтобы вы могли получить все преимущества SEO и трафик на свой сайт.
Когда можно делиться изображениями на Pinterest?
Pinterest - сеть не для всех. Если вы публикуете много изображений в своем профиле, это не значит, что вы получите те же преимущества, что и другие пользователи.
Большинство пользователей Pinterest - женщины, и самые популярные категории - это дом, искусство / ремесла, стиль / мода, еда, путешествия и т. Д. Итак, если на вашем веб-сайте есть учебные пособия или статьи, связанные с приложениями, вы не получите никаких значительные преимущества от сети.
Однако нет ничего плохого в том, чтобы создать доску и поделиться тем, чем вы хотите поделиться. Возможно, в будущем вкусы пользователей Pinterest изменятся, и некоторые другие темы станут популярными. Так что продолжайте делиться изображениями из своих статей в Pinterest и добавьте ссылку на свой пост в описании.
Заключение:
Вы тратите часы на написание идеального поста, поэтому не позволяйте тратить все свои усилия зря, не используя оптимизированные изображения для повышения рейтинга в поисковых системах. Я уверен, что, следуя инструкциям и передовым методам, упомянутым в этой статье, вы скоро увидите положительные результаты.
Если вам понравилась статья об оптимизации изображений, поделитесь ею с другими. Если у вас есть какие-либо вопросы или предложения, которыми вы хотели бы поделиться с нами, используйте форму комментариев ниже.
Также я хотел бы знать, какие плагины вы используете для оптимизации изображений в своем блоге? И какие стратегии вы применяете для повышения рейтинга ваших изображений в поисковых системах?

- Сохранить