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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оцените статью