Размещение и оптимизация картинки на сайте

Зачем нужны кaртинки на сaйте?

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

Где взять картинку?

  1. Существуют сервисы бесплатных картинок, которые возможно размещать на своем сайте, там можно выбрать картинку на любую тему.
  2. Любая поисковая система также имеет банк картинок, которые можно использовать. Но, к сожалению, такие картинки не уникальны.
  3. Уникальную картинку можно сделать, используя изображение из интернета, оформив его в фотошопе или программе Paint.
  4. А лучше всего использовать фотоаппарат. Тогда уникальные и неповторимые фото будут украшать ваш сайт.

Подробнее об этом мы будем говорить в следующей статье.

Как установить картинку на сайт?

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

Для этого заходим в Консоль сайта, выбираем черновик нашей статьи, ставим курсор (рис.1–1) на то место, где хотим, чтобы находилась наша картинка.

Нажимаем на «Добавить медиафайл» (рис.1 – 2)

Рис.1

Размещение и оптимизация картинки на сайте

Теперь перед нами всплывающее окно «Добавить медиафайлы». В нем мы видим три вкладки: «С компьютера», «С сайта», «Библиотека файлов».

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

А можно сделать проще: на рабочем столе вашего компьютера открыть два окна и просто перетащить фото мышкой.

2. Если вы хотите разместить фото, находящееся на другом сайте. То вам нужно скопировать его адрес (URL) с помощью правой кнопки мыши (рис.2).

рис.2

Размещение и оптимизация картинки на сайте

Теперь осталось вставить адрес картинки в графу URL (рис.3).

рис.3Размещение и оптимизация картинки на сайте

 

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

3. Если нужно использовать картинку из Библиотеки файлов, которые находятся на сайте, то выберите вкладку «Библиотека файлов» (рис.4 – 1). Здесь нужно выбрать картинку (2) и нажать на слово «Показать»(3).

рис.4Размещение и оптимизация картинки на сайте

 

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

Под миниатюрой картинки вы видите кнопочку «Редактировать» (Рис.5). Её можно использовать для того, чтобы изменить направление рисунка и  уменьшить его в размере.

рис.5Размещение и оптимизация картинки на сайте

 

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

 

 Как оптимизировать картинки с помощью редактора

Рис.6.Размещение и оптимизация картинки на сайте

 

После загрузки картинки на сайт, вы увидите имя файла и все остальные её данные (рис.6).

  • Имя файла (рис.6 – 1). Оно должно быть обязательно в транскрипции на английском языке.

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

Для этого нужно переименовать имя картинки на своем компьютере. При этом используйте расширение .jpg или .png.

  • Заголовок (рис.6 – 2)  автоматически копирует имя файла. Его нужно переписать русскими буквами. Заголовок могут прочесть посетители сайта, если наведут курсор на картинку. И он отображается тогда, когда изображение картинки по каким-то причинам пропало.
  • Текст  (рис.6 – 3) можно увидеть, если картинка попала в поиск. Поэтому лучше для неё взять ключевые слова, используемые в статье.
  • Описание (рис.6 – 4)  — вставляем часть текста из статьи, которая расположена рядом с картинкой, и которая максимально точно дает её описание.
  • Подпись – можно увидеть под картинкой в статье. Эту функцию я не использую, а вы можете поэкспериментировать, возможно, вам и понравится. Говорят, что используя подпись для картинки можно безнаказанно вставить лишнее ключевое слово и  это не будет влиять на переоптимизацию страницы.
  • Ссылка на картинку прописывается здесь автоматически. Кто-то её убирает. Если честно, то я не совсем поняла зачем.

Выравнивание картинки в тексте 

Где лучше размещать картинки? Это зависит во многом от назначения статьи и её стиля.

  • Если вы на блоге придерживаетесь одного стиля в статьях, то это обычно слева от текста или посередине чуть ниже названия статьи. Я использую этот метод еще и потому, что стараюсь выдержать единый стиль анонсов статей на главной странице сайта.
  • Если текст статьи требует пояснений с помощью иллюстраций, то — перед или после поясняющего текста. Например, как в данной статье.
  • Многие используют иллюстрации к каждому подзаголовку статьи.

Чтобы правильно расположить картинку воспользуемся функцией выравнивания. Для этого выбираем место расположение «Слeва» «По цeнтру», «Спрaвa» или «Нет» (рис.7 — 1)

рис.7Размещение и оптимизация картинки на сайте

 

Затем нужно выбрать размер картинки (рис.7 — 2). Здесь все зависит от вашего стиля. Размер изображения обычно рекомендуют выбирать не очень маленький (попасть в выдачу поиска очень малая вероятность) и не очень большой (время загрузка сайта может пострадать). Оптимальным размером считается 640х480, 800х600, 1024х768.

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

Работа по оптимизации изображения закончена. Теперь осталось нажать на кнопку «Вставить в запись» (рис.7 — 3). Если в дальнейшем нужно будет, что-то отредактировать, то после изменений нужно просто нажать кнопочку «Сохранить все изменения».

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

О  требованиях Google к размещению картинок на сайтах   можно прочесть в рекомендациях к вебмастерам в разделе «Картинки».

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

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