Добавление изображений на сайт в инструкции как пройти

1. Как подготовить фото: 2 карты

Для инструкции нужны следующие фото:
— Карта, где адрес и метро. Пример (сделан с помощью Скриншоты в Яндекс):

— Карта, где близко виден дом и указан стрелкой вход. Пример:

— фото входа
— фото раздевалки
— фото зоны ожидания
— фото зала

2. Разрешение

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

Например, в фотошопе:
-открываем картинку
— заходим в изображение — размер изображения

— и ставим разрешение 120

2.1 Перед сохранением убедитесь, что фото сохраняется в jpeg или jpg. Нельзя сохранять фотографии в формате png.

3. Сжимаем фотографию. Можно здесь: https://compressjpeg.com/ru/

Загружаем, а потом скачиваем сжатое изображение. Когда скачаете, то в названии добавится min

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

Когда придумали название, то нужно его транслитерировать. Вот здесь: http://translit-online.ru/yandex.html

Вводите название которое придумали на русском, нажимаете «перевести», копируете перевод и переименовываете !сжатую! картинку

Обратите внимание, что у всех картинок должны быть разные названия)

5. Добавляем картинку непосредственно на сайт в инструкцию

Находим место, где нужно исправить фотоинструкцию:

Нажимаем «Добавить медиафайл»

Выбираем файл и указываем полный размер

После того как вставили удаляем строку и нажимаем обновить

Не забываем в alt писать популярные поисковые запросы на русском

Смотрим, хорошо ли встала картинка:

Добавляем остальные картинки

Если вы меняете старые неактуальные фото на новые, то старые фото нужно удалить, если они не нужны. Удаляя старые фотки вы удалите их отовсюду, где на них стоит ссылка. Вот инструкция как удалять старые фото.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *