Jump to content
  • 0
Sign in to follow this  
Евгений Зубов

Как добавить иконку сайта (favicon)?

Question

Иконка сайта- важная для имиджа штука. Она в какой-то степени влияет на восприятие всего сайта. Такая иконка отображается во вкладках браузера, помогая визуально найти ваш сайт среди прочих. Короче говоря, иметь её очень желательно. Сейчас я покажу то, как добавить иконку сайта (favicon) для вашего сайта в Adobe Muse. Всего шесть простых шагов до решения проблемы:
 
Как вставить или изменить иконку (favicon) сайта в Adobe Muse CC?

  • Первым делом подготовьте саму иконку для вашего сайта. К счастью, Adobe Muse совершенно не требует соблюдения описываемых далее требований к иконкам, поэтому весь 2 пункт данной инструкции больше для информации, а не по делу, поэтому вы можете его пропустить и перейти сразу к 3-му пункту.
     
  • К favicon применяются следующие требования: размер не более 16х16 пикселей и формат файла строго .ico. И если с первым требованием все понятно, то со вторым могут возникнуть сложности, так как в этом формате не сохраняет изображения даже фотошоп. Для решения этой проблемы без установки лишней программы на компьютер вебмастера придумали сервисы для переработки (конвертирования) изображения из обычного формата в .ico! Например: Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. сервисы работают одинаково: вы загружаете свою иконку в любом из этих форматов - PNG, JPEG, GIF, BMP и жмете что-то вроде кнопки Convert. Потом вам предложат скачать уже .ico файл иконки. Для примера можете посмотрите favicon этого сайта:  Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
     
  • Итак, вы нарисовали иконку для своего сайта, и она сейчас в одном из этих форматов - PNG, JPEG, GIF, BMP. Находясь в Muse, найдите пункт главного меню Файл и в выпадающем списке нажмите Свойства сайта:

    Screenshot_6.png
     
  • В появившемся окне нажмите на значок папки рядом с текстом Изображение значка сайта:, смотрите картинку:

    1.png

    Выберите файл иконки (.ico) и нажмите ок. В результате в окне свойств сайта должна появиться ваша иконка, выглядеть это будет так:

    2.png
     
  • Нажмите ОК. Готово! Теперь вы знаете то, как установить иконку для вашего сайта!

Share this post


Link to post
Share on other sites

Recommended Posts

  • 0

Иконка сайта- важная для имиджа штука. Она в какой-то степени влияет на восприятие всего сайта. Такая иконка отображается во вкладках браузера, помогая визуально найти ваш сайт среди прочих.

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

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Share on other sites

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Frogster    12

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

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Кто подскажет: на сайте favicon есть, а в поисковой выдаче не отображается. Сайт- Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

С чем может быть связано?

Share this post


Link to post
Share on other sites
  • 0

Кто подскажет: на сайте favicon есть, а в поисковой выдаче не отображается. Сайт- Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

С чем может быть связано?

В поиск добавленные favicon попадают не сразу. Тут как повезет, бывает за день, а бывает за неделю. Чаще всего зависит от количества поискового трафика на сайте, то есть от того как часто роботы Яндекса на Вашем сайте бывают. Для лендинга фавикон еще не скоро появиться.

Share this post


Link to post
Share on other sites
  • 0
Dboon    0

Не получается выбрать иконку для сайта с расширением (.ico) ее просто не видно...

Muse CC

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Share on other sites
  • 0

Не получается выбрать иконку для сайта с расширением (.ico) ее просто не видно...

Muse CC

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

в новых версиях, как мне помнится, ico не поддерживается. В прдложении выбрать об этом написано - форматы gif, jpg, png. Конвертируйте или экспортируйте в png и будет счастье )

Share this post


Link to post
Share on other sites
  • 0
Diма    0

Подскажите пожалуйста, как вставить иконку для закладок в Ipad/iphone?

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Что значит только в рамке?

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Издержки иллюстратора. Сделайте в фотошопе, экспортируйте как png с прозрачным фоном и всё будет ок

Share this post


Link to post
Share on other sites
  • 0

Подскажите, пожалуйста. У нас тоже проблема с отображением фавиконки в поисковой выдаче яндекса. Она не появляется уже два месяца. Посмотрели рекомендации яндекса по загрузке favicon Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.. У них написано, что код должен выглядеть так : 
<link rel="shortcut icon" href="Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. сайта/favicon.ico" type="image/x-icon">

А у нас после выгрузки сайта код выглядит вот так:
<link rel="shortcut icon" href="images/temlate-a-favicon.ico?238809926"/>

Меня настораживает следующее:
1 - у нас НЕ прописан тип иконки - type="image/x-icon
2 - название не favicon.ico, а с припиской названия шаблона temlate-a-favicon.ico
3 - странный и некорректный путь к фавиконке

Вопроса два:
1 - то что я перечислил является ошибками или нет?
2 - Если да, то как это всё поправить в мьюсе? (можно конечно править после выгрузки, но у нас много страниц и соответственно много файлов - очень хлопотно это)

Share this post


Link to post
Share on other sites
  • 0

Подскажите, пожалуйста. У нас тоже проблема с отображением фавиконки в поисковой выдаче яндекса. Она не появляется уже два месяца. Посмотрели рекомендации яндекса по загрузке favicon Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.. У них написано, что код должен выглядеть так : 
<link rel="shortcut icon" href="Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. сайта/favicon.ico" type="image/x-icon">

А у нас после выгрузки сайта код выглядит вот так:
<link rel="shortcut icon" href="images/temlate-a-favicon.ico?238809926"/>

Меня настораживает следующее:
1 - у нас НЕ прописан тип иконки - type="image/x-icon
2 - название не favicon.ico, а с припиской названия шаблона temlate-a-favicon.ico
3 - странный и некорректный путь к фавиконке

Вопроса два:
1 - то что я перечислил является ошибками или нет?
2 - Если да, то как это всё поправить в мьюсе? (можно конечно править после выгрузки, но у нас много страниц и соответственно много файлов - очень хлопотно это)

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

Судя по этому -  images/temlate-a-favicon.ico?238809926",  вы загрузили иконку в свойствах шаблона. Удалите оттуда иконку и загружайте через меню Файл / Свойства сайта

Share this post


Link to post
Share on other sites
  • 0

Спасибо, попробуем.
А приписка type="image/x-icon не обязательна?

Ничего не надо прописывать. Мьюз сама всё делает нормально, если нормально добавить иконку

Share this post


Link to post
Share on other sites
Sign in to follow this  

×
×
  • Create New...