1. Включить изображения и графику на веб-сайт - это должно быть?
2. Google SEO - несколько слов о поисковой оптимизации
3. Преимущества изображений для вашего SEO
4. Почему вы должны оптимизировать графику и изображения для Google
5. Трафик через поиск картинок Google
6. Видео: оптимизация изображения 1x1 для Google
7. Сокращение времени зарядки - Увеличение скорости зарядки
8. Что вы должны SEO оптимизировать изображения
9. Разница между размером файла и размером изображения
10. Почему это важно для SEO оптимизации ваших изображений?
11. Особый случай: изображения с высоким разрешением
12. Как и с помощью каких инструментов вы можете оптимизировать ваши изображения для поисковых систем
13. Выберите правильный формат файла для содержания вашего сайта
14. Как преобразовать изображения из другого формата в один из упомянутых?
15. Как мне масштабировать размер изображения моих изображений?
16. Уменьшить размер файла - как мне это сделать?
17. Page Speed ​​тестируйте и делайте изображения SEO-подходящими
18. SEO изображения с Google Developer Tool
19. Особый случай Требуются изображения с высоким разрешением
20. SEO изображения с использованием метаданных
21. Правильно назовите SEO изображения - имя файла
22. SEO изображения - дефис или подчеркивание
23. атрибут Title
24. Alt текст
25. Meta Description
26. Как и где я могу ввести эти метаданные?
27. Видео: SEO для картинок

Как SEO оптимизировать изображения. Добиться хорошего рейтинга в Google и других поисковых системах становится все сложнее. Поэтому поисковая оптимизация должна учитывать все компоненты в оптимизации OffPage и OnPage. Также картинки. Специально для поиска изображений, SEO изображения чрезвычайно важна. Из этого туториала вы узнаете, как оптимизировать изображения и графику, а также повысить рейтинг своего сайта.

Я покажу вам в этом руководстве:

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

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

Включить изображения и графику на веб-сайт - это должно быть?

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

• Изображения ослабляют структуру вашего контента.
• Они дополняют и поддерживают письменное слово.
• (Инфо) Графика ярко объясняет то, что вы вряд ли можете объяснить словами.
• Продолжительность посетителей вашего сайта значительно увеличится.
• Имена файлов и ALT-TAGS изображений дают Google информацию о содержании и релевантности и служат способом размещения ключевых слов.

И мы находимся в середине этого Поисковая оптимизация ,

Google SEO - несколько слов о поисковой оптимизации

Я думаю, что вы знаете о SEO Знать. Вы знаете, что вы Пишите SEO тексты должен - это основа. Вот почему я делаю это коротким и четким. На всякий случай, если вы этого не знаете.

Поисковая оптимизация предназначена для ранжирования вашего сайта как можно выше в поисковых системах (в основном, в Google). Хороший рейтинг (страница 1) принесет вам много трафика на ваш сайт. Чем дальше в рейтинге, тем больше посетителей сайта.

Точка. Здесь больше нечего сказать.

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

Преимущества изображений для вашего SEO

В основном все причины, упомянутые выше, связаны с SEO. Некоторые только второстепенные, некоторые первичные.

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

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

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

Но теперь мы подошли к фактической оптимизации ваших фотографий.

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

Что вы должны сделать, я покажу вам позже. Давайте сначала выясним, почему.

Трафик через поиск картинок Google

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

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

Как вы получаете хорошее размещение фотографий с вашего сайта в поиске изображений?

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

Вот что говорит Патрик Ковальски из SEO College. Затем мы вместе погружаемся в изображения SEO.

Видео: оптимизация изображения 1x1 для Google

Я думаю, что у вас есть небольшой обзор сейчас. Теперь мы будем более точными.

Сокращение времени зарядки - Увеличение скорости зарядки

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

Что вы должны SEO оптимизировать изображения

Вот небольшой список элементов, которые вы можете найти в поисковой оптимизации:

• Формат файла : Используйте веб-совместимые форматы файлов JPG, PNG, GIF. Они могут быть прочитаны любым из популярных веб-браузеров.
• Размер изображения : Загрузите ваши изображения в размере на сервер, в который вы вставляете это на свой веб-сайт. Нет смысла размещать полноразмерное изображение на сервере, которое затем необходимо уменьшить при загрузке страницы. Наоборот, это больно, потому что продлевает время зарядки.
• Размер файла : увеличить скорость загрузки. Вот почему речь идет об уменьшении размера файла изображения. Как вы можете еще больше сократить и без того интенсивное использование памяти форматами файлов JPG, PNG и GIF, я объясню позже.
• Имя файла : Дайте вашему изображению осмысленное имя файла. Добавьте ключевое слово focus к имени файла.
• Атрибут названия : хотя Google любит значимые имена файлов, этого недостаточно. Добавьте атрибут заголовка к вашему изображению. Опять же, у вас есть возможность использовать ключевое слово или ключевое слово LSI (ключевое слово латентной семантической индексации).
• ALT-TEXTE : В дополнение к имени файла, alt text является еще одним важным измерением SEO, Google не может интерпретировать ваше изображение, но может читать сохраненный ALT TEXT. И снова, вы можете разместить SEO-релевантный текст. То же относится и к описанию изображения .
• Наконец, что не менее важно, обратите внимание на текст в непосредственной близости от картинки . Это должно иметь отношение к картине. И наоборот.

Разница между размером файла и размером изображения

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

Позвольте мне объяснить это вкратце. Может быть, у вас все еще есть проблемы с этим.

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

Размер изображения указывает размеры изображения в пикселях. Таким образом, отображаемый размер на экране.

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

Почему это важно для SEO оптимизации ваших изображений?

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

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

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

Особый случай: изображения с высоким разрешением

В основном мы используем изображения в Интернете с низким разрешением. Например, JPG обычно публикуются с разрешением 72 пикселя / дюйм.

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

Но есть и решение, которое я покажу вам подряд.

Как и с помощью каких инструментов вы можете оптимизировать ваши изображения для поисковых систем

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

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

Наиболее часто используемый формат файлов для отображения изображений в Интернете - JPG (JPEG). Преимущество этого формата очевидно. Сжатие. Изображения в формате JPG имеют гораздо меньший размер файла, чем другие форматы.

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

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

Формат GIF предпочтительно используется для анимированных изображений. Там, где ранее были разработаны тщательно разработанные элементы Flash (которые Google не любит вообще), сегодня прибегают к гифкам.

Как преобразовать изображения из другого формата в один из упомянутых?

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

Изображение сохраняется в формате JPG.

Если вы не хотите загружать программное обеспечение для обработки изображений на свой компьютер, вы также можете конвертировать изображения в Интернете. с Онлайн конвертер изображений это возможно, например? Но вы, вероятно, найдете множество других вариантов в Google.

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

Как мне масштабировать размер изображения моих изображений?

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

Я редактирую свои фотографии в Photoshop. Там это выглядит так:

Чтобы изменить размер изображения, выберите «Изображение»> «Размер изображения».

Это открывает окно. Введите здесь желаемый размер вашей фотографии и подтвердите с помощью OK.

Как и Photoshop, он в основном работает и для любого другого приложения.

Уменьшить размер файла - как мне это сделать?

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

Теперь есть возможность дополнительно сжать ваши изображения для использования на вашем сайте.

1. Если вы создали свой сайт на CMS WordPress, вы можете использовать соответствующие расширения / плагины. Например, я использую плагин WP Smush.
2. TinyPNG , Вы можете загрузить и сжать PNG и JPG на этой странице. Кстати, TinyPNG также имеет Pro версию и плагин Photoshop. Также предлагается плагин TinyPNG для WordPress.
3. Самый крутой и самый оптимальный способ оптимизировать ваши изображения с точки зрения размера файла впоследствии . Вы загружаете свою страницу в PageSpeed ​​Insights и проверяете скорость загрузки вашего сайта. Но позвольте мне объяснить это более подробно.

Page Speed ​​тестируйте и делайте изображения SEO-подходящими

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

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

Я собираюсь рассказать вам точно, как добраться до этих SEO-оптимизированных изображений.

SEO изображения с Google Developer Tool

Я покажу вам процесс, используя образец страницы.

Шаг 1: Добавьте свой URL в форму.

Шаг 2: Нажмите Анализ

После вычисления результата появляется оценка

Как видите, производительность настольных устройств все еще нуждается в оптимизации.

... и сразу ниже вы получите предложения по оптимизации.

На данный момент нас интересуют только фотографии. Вы можете просмотреть предложения, нажав «Просмотр проблем» в разделе «Оптимизация изображений». Это может выглядеть так:

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

Шаг 3: Загрузите файл на свой компьютер и разархивируйте его. Откройте распакованный каталог. В нем вы найдете несколько папок, в том числе и папку «картинки».

Шаг 4: Теперь вам просто нужно заменить изображения на сервере на изображения в папке с изображениями.

Сделайте это лучше всего с FTP-клиентом. Поиск каждого изображения на вашем сервере и перезаписать его с оптимизированным. Это сохраняет структуру ссылок, которая при повторной загрузке в CMS Media Gallery может быть уничтожена и изображение не будет отображаться.

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

Счет можно увеличить с 70 до 86 за счет оптимизации изображений с помощью Pagespeed Insight.

Особый случай Требуются изображения с высоким разрешением

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

SEO изображения с использованием метаданных

Еще одним важным шагом для оптимизации ваших изображений для поисковых систем являются так называемые метаданные или мета-теги. К ним относятся:

• атрибут Title
• Alt текст
• Meta Description

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

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

Правильно назовите SEO изображения - имя файла

Google не может интерпретировать ваши фотографии. Таким образом, вы помогаете, называя ваши фотографии значимым.

• 02_06_18.jpg хорош для порядка и поиска на вашем компьютере, но это плохо для SEO.
• bilder-seo.jpg лучше.
• picture-seo-with-google-developer-tool.jpg тоже круто.

Пусть ваши фотографии говорят с Google.

SEO изображения - дефис или подчеркивание

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

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

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

Посмотрите, что говорит Мэтт Каттс, ранее Google:

атрибут Title

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

Alt текст

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

Опять же, Мэтт Каттс может многое сказать:

Meta Description

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

Как и где я могу ввести эти метаданные?

С CMS, такой как WordPress, Joomla и т. Д., Это легко. Если вы загрузите изображение, у вас есть возможность вставить заголовок, альтернативный текст и мета-описание. Вы также можете сделать это позже или изменить его. В WordPress это выглядит так:

Для HTML-страницы вы должны ввести метаданные в код. Вот пример:

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

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

Прежде чем прийти к выводу, посмотрим, что говорит по этому поводу Рэнд Фишкин из МОЗ:

Видео: SEO для картинок

вывод

Оптимизация изображений, конечно, только маленький камень в большой мозаике поисковой оптимизации. Есть SEO факторы, которые гораздо важнее. Оптимизация OnPage и OffPage охватывает более 200 Факторы рейтинга Google , Но когда дело доходит до топ-рейтинга в Google или других поисковых системах, воздух довольно слабый. SEO сегодня - это точная работа. Каждая мелочь может решить, имеете ли вы рейтинг на 1-м или 3-м или 8-м месте.

Вопрос о том, стоит ли оптимизировать ваши изображения SEO, поэтому, на мой взгляд, с четким ответом ДА. Почему, что, как и с чем ты знаешь сейчас? Если у вас есть какие-либо вопросы, вам нужна поддержка или у вас нет времени, чтобы сделать это самостоятельно, свяжитесь с нами , Мы в вашем распоряжении для совета или реализации.