Как вставить изображение на сайт правильно

(Проголосуй)

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

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

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

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

2. Уникальность графики.
Вопрос не менее важный. Плагиата среди изображений в интернете ещё больше, чем среди текста, поэтому использование уникальных изображений позволит вам обойти конкурентов очень быстро. Стоит ли оно того? Безусловно. К тому же, если дело поставлено на поток, то создание уникальных фотографий и картинок не такое уж и сложное занятие. К слову, увеличить уникальность можно с помощью простых действий в любом графическом редакторе. Если Вы заметили, то на своем блоге я нашел такую фишку — многие смысловые картинки я оформляю в виде паззлов, которые неплохо, на мой взгляд, перекликаются с логотипом сайта и решают 2 задачи — стилистическое единство изображений на блоге + уникализация.

3. Вес изображения.
Ему поисковые системы уделяют не меньшее внимание. Это касается, в основном, фотографий. Выше я сказал о том, что вопрос скорости загрузки не стоит так остро, однако дело в том, что многие современные фотоаппараты выдают изображения весом по несколько мегабайт, но которые можно сжать без ущерба для качества в несколько раз. Сделать это необходимо, так как плохая оптимизация графики приведет не только к занижению в выдаче, но и будет тормозить загрузку страниц сайта, что повлечёт за собой определённые негативные последствия. Для того, чтобы упростить процесс сжатия картинок в WordPress есть один интересный плагин для работы с сервисом SmushIt WP SmushIt, который автоматически отправит в сервис все файлы из библиотеки и заменит их оптимизированными графическими аналогами.

4. Формат изображения.
В соответствии с тематикой сайта, на нём чаще используются либо картинки, либо фотографии. Поисковая система не человек, она не видит изображения, поэтому для её удобства необходимо использовать специальные форматы. Например, фотографии чаще всего бывают в формате .jpg, а картинке и схемы в формате .gif.

5. Имя файла.
Чаще всего мы даём изображениям ничего не значащие имена вроде 12345.gif и т.п. С точки зрения оптимизации графики это неправильно. В названии файла лучше указать, если это возможно, что непосредственно находится на картинке или фотографии. Лучше, если в названии будет одно или два слова, не больше. Что же касается написания, то лучше использовать слова, написанные латинскими символами, писать можно как на русском (в латинской транскрипции), так и на английском.

6. Мета теги alt и title.
Один из самых значимых этапов оптимизации любого изображения. Теги alt и title, ключевые слова и заголовок соответственно, наиболее важные для поисковой системы атрибуты кода изображения, говорящие ей о том, что на нём изображено. Их содержимое может быть одинаковым, это не повредит. Каждая картинка или фотография на сайте должна иметь эти атрибуты.

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

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

23.05.2021 / Новости

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