SEO для чайников: обработка изображений

1. Можем ли мы улучшить SEO с помощью изображений?
2. Какие факторы важны для SEO с изображениями?
3. Название файла изображения
4. Размер изображения
5. Разрешение изображения
6. Вес изображения
7. Почему эти факторы важны?
8. Важность изображений в SEO-позиционировании
9. Важность изображений для пользовательского опыта
10. Как я узнаю, что моя страница быстрая или медленная?
11. Обработка изображений для улучшения SEO
12. Название файла
13. Зачем менять имя файла?
14. Что мы должны иметь в виду?
15. Размер изображения
16. Как узнать размер изображений на моем сайте?
17. Как я могу уменьшить размер изображений?
18. Вес картинок
19. Как сжать изображения?
20. Другие факторы, которые следует учитывать для SEO изображений
21. Атрибуты изображений
22. Атрибут 'title' или title
23. Атрибут «alt» или альтернативный текст.
24. Атрибут легенды
25. Другие аспекты
26. Связанный контент
27. Заказать!
28. Разместите изображения в Интернете
29. Если сайт сделан с менеджером контента
30. Если мы не можем изменить содержание

В маркетинге, когда речь идет о SEO, мы говорим о позиционировании в поисковых системах ; то есть, как заставить нашу страницу показываться с хорошим результатом в поисках Google, когда кто-то ищет то, что мы предлагаем.

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

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

Можем ли мы улучшить SEO с помощью изображений?

Да, без сомнения.

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

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

Какие факторы важны для SEO с изображениями?

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

• Название файла.
• Размер
• Разрешение
• «Вес»

Название файла изображения

Когда мы делаем снимок, машина автоматически присваивает ему имя или код, поэтому, когда мы передаем их на наш компьютер и заходим в папку, в которую мы поместили эти изображения, мы видим файлы с именами, такими как DSC_136.jpg (pro example) или аналогичными. ,

Как пример, на моем жестком диске я нахожу это:

Пример имен файлов изображений

Размер изображения

Размер относится к физическим размерам фотографий : количество пикселей по ширине и высоте.

Чем больше пикселей у фотографии, тем больше ее физический размер.

Например, первое изображение, которое мы видим на скриншоте, DSC_0060, имеет размер 2592 пикселя в ширину и 3872 пикселя в реальном размере. Всего 10 036 224 пикселей.

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

Разрешение изображения

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

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

Вес изображения

Говоря о весе изображения, мы имеем в виду, сколько КБ или МБ занимает изображение на нашем жестком диске.

Вес изображения напрямую связан с размером и разрешением.

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

Почему эти факторы важны?

Эти факторы имеют большое значение для нашего сайта. И не только для его позиционирования, но и для так называемого «пользовательского опыта».

Важность изображений в SEO-позиционировании

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

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

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

Важность изображений для пользовательского опыта

С вами не случилось, что вы заходите на веб-страницу, видите, что загрузка занимает много времени, вы быстро возвращаетесь к результатам поиска и нажимаете на другую?

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

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

Как я узнаю, что моя страница быстрая или медленная?

После прочтения выше, вы, вероятно, задаетесь вопросом. К счастью, у нас есть бесплатные инструменты, которые предоставляют нам эту информацию, такие как Инструменты PageSpeed, от Google, очень прост в использовании.

Результат PageSpeed ​​Tools -> Insights

Не пугайтесь результатов! На данный момент единственное, что вас интересует, это то, что вы начинаете осознавать скорость или медлительность вашей страницы.

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

Обработка изображений для улучшения SEO

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

Поэтому мы будем работать со всеми аспектами, которые мы видели до сих пор.

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

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

Например, у нас есть изображение с именем файла DSC_0005.jpg.

Пример изображения

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

Зачем менять имя файла?

Если перед размещением фотографии в Интернете мы изменили имя на файл и назвали его bungalow-camp-asolaze-isaba-navarra-nieve.jpg, что мы говорим Google?

Мы описываем изображение (это бунгало в кемпинг Asolace де Исаба и есть снег), так что теперь, и только сейчас, есть четкое знание о его содержании за пределами форм и цветов.

Таким образом, это изображение будет в списке результатов поиска по таким терминам, как бунгало Наварра, кемпинг в Исабе, кемпинг в Наварре, снег в Наварре и т. Д. Мы предоставили Google полезную информацию, а также полезную для нас, поскольку нам удалось включить ее в результаты поиска.

Что мы должны иметь в виду?

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

По этой причине, прежде чем менять имя, мы должны очень четко определить, какие слова или ключевые фразы (известные ключевые слова ) мы хотим разместить.

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

Размер изображения

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

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

Итак, каков правильный размер? Это всегда будет зависеть от того, как структурированы блоки контента на нашем сайте. Есть такие, для которых оптимальный размер составляет около 800 пикселей, еще 1024, еще 600 ... Каждый сайт отличается.

Как узнать размер изображений на моем сайте?

Чтобы узнать, какого размера изображения у нас уже есть на нашей странице, мы помещаем курсор мыши на изображение и даем его правой кнопкой мыши; появляется типичный выпадающий список:

• Если мы используем Google Chrome , мы выбираем «Проверить элемент». В нижней части экрана открывается окно с информацией об изображении. Мы должны искать «ширина» и «высота» (ширина и высота, на английском языке). Цифры, которые появляются там, являются шириной и высотой текущего изображения.
• В Mozilla Firefox мы выбираем «Просмотр информации об изображении», где отображаются все одинаковые данные: высота, ширина, вес и т. Д.

Как я могу уменьшить размер изображений?

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

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

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

PickMonkey, онлайн-инструмент для уменьшения и обработки изображений

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

Вес картинок

Это второй важный аспект, который мы прокомментировали, вес.

Вес изображения зависит как от его размера в пикселях, так и от разрешения изображения.

Как я уже упоминал, разрешение - это количество точек на дюйм (dpi) изображения. Для печати на бумаге часть разрешений до 300 ppp; именно поэтому изображения, подготовленные для печати на бумаге, имеют тенденцию быть очень тяжелыми.

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

Как сжать изображения?

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

Тот, который я использую регулярно и который дает отличные результаты TyniPng , Это не единственный, намного меньше; Это тот, который я привык использовать. Он использует интеллектуальные системы сжатия, чтобы уменьшить размер файла, и это не редкость, чтобы уменьшить его более чем на 50%.

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

Результаты сжатия изображений с онлайн-инструментом TinyPng

Это не плохо! Верно?

Есть также настольные приложения, программы, которые мы можем загрузить, если нам неудобно работать в облаке, такие как JPEGmini и другие

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

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

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

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

Атрибуты изображений

Обработка этих атрибутов соответствующим образом улучшает SEO нашей страницы.

Атрибут 'title' или title

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

Атрибут «alt» или альтернативный текст.

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

Атрибут легенды

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

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

Атрибуты, связанные с изображением в WordPress (нажмите на изображение, чтобы увидеть в полном размере)

Другие аспекты

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

Связанный контент

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

Кроме того, текст должен быть связан с изображением или, что то же самое, изображение должно быть связано с текстом. Из трюизма, но это не всегда так.

Конечно, текст страницы также должен содержать ключевые слова, по которым мы ищем позиционирование.

Заказать!

Как и во всем, удобно, что на нашем сайте есть порядок, как перед посетителем, так и перед поисковой системой; Чем больше мы предоставляем Google «чтение» изображений, тем больше он будет благодарить нас в виде позиционирования.

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

Разместите изображения в Интернете

Мы можем оказаться в одной из этих двух ситуаций:

• Мы готовим сайт или реформируем его.
• Сеть была активна в течение некоторого времени, и мы не собираемся создавать новую или реформировать ее.

Ситуации разные, но начальная работа та же : переименуйте имена файлов изображений и назначьте им атрибуты, которые мы упомянули.

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

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

Если сайт сделан с менеджером контента

WordPress - контент-менеджер, самый популярный и используемый, но есть много других, таких как Drupal, Joomla, Prestashop, Magento ...

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

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

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

Если мы не можем изменить содержание

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

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

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

Похожие

Комментарии