Фавикон для Стартового сайта
Если вы хотите сделать свой сайт более заметным в выдаче Яндекса и среди открытых вкладок в браузерах покупателей, вам поможет фавикон. Фавикон — это значок веб-сайта, который браузер показывает во вкладке перед названием страницы, в закладках и в истории браузера.
В Эквиде есть два способа загрузить фавиконку: через мета-теги и через логотип. Если вы используете новую версию Стартового сайта, загрузить фавикон получится только через мета-теги.
В этой статье:
Фавикон через мета-теги
Если вам нужен фавикон, вы можете найти или создать самостоятельно картинку для фавикона, загрузить ее на хостинг изображений и добавить специальный код в <head> секцию сайта.
Создать фавикон из уже имеющейся картинки или нарисовать его с нуля можно на онлайн-генераторах фавикона, например: https://www.favicon.by/
Чтобы добавить фавикон в магазин через мета-теги, выполните следующие шаги:
- Загрузите картинку на хостинг, например: https://ru.imgbb.com
- Получите прямую ссылку на изображение. Для этого:
- на сайте https://ru.imgbb.com загрузите иконку и нажмите на неё после загрузки.
- откроется новая вкладка с картинкой. Нажмите правой кнопкой мыши на картинку и выберите Копировать URL картинки:
- Зайдите в Панель управления Эквида → Сайт
- Промотайте до пункта Настройки SEO и найдите блок Мета-теги для верификации сайта.
- Нажмите Добавить код.
- В открывшемся окне введите:
<link rel="shortcut icon" href="Прямая ссылка на картинку">
Вместо «Прямая ссылка на картинку» добавьте URL, который вы скопировали на хостинге картинок. Важно: ваша ссылка должна заканчиваться на .jpg, .jpeg или .png. Если у ссылки нет такого окончания, значит вы скопировали не URL картинки, а ссылку на страницу с картинкой.
Вот как будет выглядеть правильный код:
- Нажмите Сохранить.
Готово!
Фавикон через логотип
Если на Стартовый сайт Эквида загрузить логотип, он автоматически используется для фавикона:
Потом логотип можно скрыть, а фавикон останется. Но сначала расскажем как его добавить:
- Зайдите в Панель управления Эквида → Стартовый сайт.
- Нажмите Редактировать сайт:
- В открывшемся окне в панели слева нажмите Заголовок и обложка → Логотип.
- Нажмите Загрузить логотип:
- Выберите необходимую картинку на компьютере.
- Сохраните изменения.
Скройте логотип, если не хотите показывать его на странице магазина, с помощью CSS кода:
- Зайдите в Панель управления Эквида → Дизайн.
- Промотайте вниз до пункта Создать свою CSS тему и нажмите Создать тему:
- В открывшемся окне нажмите на кнопку Новая CSS тема. Придумайте ей название, например, «Удаление логотипа» и вставьте в окно следующий код:
div.cover__logo {
display: none;
}
- Включите и сохраните новую тему.
Готово! Обновите страницу витрины, чтобы увидеть изменение.
Читайте также
Как создать логотип для интернет-магазина
Как добавить CSS код для магазина
Как получить больше качественных SEO-ссылок на сайт магазина бесплатно