Добавление иконки сайта в магазин

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

Создание иконки сайта

Вы можете использовать бесплатный онлайн-генератор иконок сайта, чтобы создать собственную иконку, или сделать её самостоятельно. Чтобы найти такой генератор, введите в поисковой системе запрос free favicon generator.

Идеальный размер изображения для иконки сайта — 16x16 или 32x32 пикселя. Если изображение для иконки сайта слишком большое, оно будет уменьшено до 32x32 пикселя при загрузке в Shopify.

Добавление иконки сайта в интернет-магазин

Добавить иконку сайта в интернет-магазин можно на тарифном плане Basic или выше. Если у вас тарифный план Starter, добавить иконку сайта нельзя.

Шаги:

Компьютер
  1. В панели администратора Shopify перейдите в раздел Интернет-магазин > Темы.

  2. Найдите тему, для которой нужно добавить иконку сайта, и нажмите Редактировать тему.

  3. Нажмите на значок шестерёнки, чтобы открыть Настройки темы.

  4. В зависимости от версии темы нажмите Логотип или Иконка сайта.

  5. В разделе Изображение иконки сайта нажмите Выбрать изображение, а затем выполните одно из следующих действий:

    • Чтобы выбрать изображение, которое вы уже загрузили в панель администратора Shopify, найдите его с помощью поиска или вручную, а затем отметьте флажком.
    • Чтобы выбрать изображение на вашем компьютере, нажмите Добавить изображения, откройте файл изображения на компьютере, а затем отметьте его флажком.
  6. Нажмите Готово.

  7. Необязательно: добавьте альтернативный текст для изображения иконки сайта, выполнив следующие действия:

    1. В разделе Изображение иконки сайта нажмите Редактировать.
    2. В диалоговом окне Предпросмотр и редактирование введите краткое описание изображения в поле Альтернативный текст.
    3. Нажмите Сохранить.
  8. Нажмите Сохранить.

Мобильное устройство
  1. В приложении Shopify нажмите значок Меню.

  2. В разделе Каналы продаж коснитесь пункта Интернет-магазин.

  3. Коснитесь пункта Управлять всеми темами.

  4. Найдите тему, для которой вы хотите добавить иконку сайта, а затем коснитесь пункта Редактировать тему.

  5. Коснитесь ... > Настройки темы.

  6. В зависимости от версии темы коснитесь пункта Логотип или Иконка сайта.

  7. В разделе Изображение фавикона нажмите Выбрать изображение, а затем выполните одно из следующих действий:

    • Чтобы выбрать изображение, которое вы уже загрузили в панель администратора Shopify, найдите его с помощью поиска или вручную, а затем отметьте флажком.
    • Чтобы выбрать изображение на вашем устройстве, коснитесь пункта Добавить изображения, откройте файл изображения на устройстве, а затем отметьте его флажком.
  8. Коснитесь пункта Готово.

  9. Добавьте альтернативный текст для изображения иконки сайта, выполнив следующие действия:

    1. В разделе Изображение иконки сайта коснитесь пункта Редактировать.
    2. В диалоговом окне Предпросмотр и редактирование введите краткое описание изображения в поле Альтернативный текст.
    3. Коснитесь пункта Сохранить.
  10. Коснитесь пункта Сохранить или .

Устранение неполадок с иконками сайта

Если у вас возникли проблемы с иконкой сайта, ознакомьтесь со следующими способами их устранения.

Устранение проблемы с отображением иконки сайта в результатах поиска Google

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

Согласно документации Google, отображение иконки сайта в результатах поиска не гарантируется, даже если все рекомендации соблюдены.

Устранение проблемы с отображением иконки сайта на страницах аккаунтов клиентов или оформления заказов

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

Если вы используете тарифный план Shopify Plus и хотите установить иконку сайта на страницах аккаунтов клиентов и оформления заказов, вам необходимо использовать Branding API или Checkout Blocks. Иконка сайта не появляется автоматически, и её нельзя установить в редакторе тем или в редакторе оформления заказов в панели администратора. Чтобы узнать больше об использовании Branding API, обратитесь к следующей документации для разработчиков: