Favi-gone: 5 причин, по которым ваш фавикон исчез из результатов поиска Google [кейсы]

Говорят, что «фавикон стоит тысячи слов». Хорошо… на самом деле они так не говорят, но фавиконки определенно могут быть важны с точки зрения поиска. В 2019 году Google начал отображать значки в результатах мобильного поиска в рамках редизайна мобильных устройств, и оказалось, что эта небольшая графика в поисковой выдаче может помочь на нескольких уровнях. Например, фавикон может помочь укрепить ваш бренд, он может привлечь внимание в переполненной поисковой выдаче, а также может помочь с рейтингом кликов. Таким образом, вы определенно хотите убедиться, что ваша игра favicon сильна.

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

Кроме того, вы можете получить пустой значок, что очень неудобно. Место для фавикона зарезервировано, но ничего не появляется. Это просто пустое место, где должна появиться фавиконка. Так грустно… и я объясню подробнее об этом позже в посте.

Вот еще один пример пустого значка (и не только обычного значка земного шара):

Помощь с фавиконками: Когда владельцы сайтов сообщают о проблемах с фавиконками.
Время от времени владельцы сайтов разочаровываются, когда их значки исчезают из результатов поиска. Когда это происходит, это может быть очень запутанной ситуацией для владельцев сайтов… Что ж, недавно я только что помог еще нескольким владельцам сайтов за последние несколько недель устранить проблемы с фавиконками в результатах поиска. И, основываясь на том, что я нашел, я решил написать пост, объясняющий некоторые из основных причин, которые, как я видел, вызывают проблемы с фавиконками в поиске Google.

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

Исчезновение фавиконов и вопросы о качестве:
Когда значки пропадают, некоторые владельцы сайтов сразу же начинают думать, что Google почему-то больше не доверяет их сайту или что из-за проблем с качеством Google перестает отображать их значки (например, как масштабные обновления ядра могут повлиять на расширенные фрагменты). Это не так. Исчезновение фавиконов в поисковой выдаче не имеет ничего общего с качеством сайта. Наоборот, это связано с техническими проблемами с иконками или с нарушением рекомендаций Google по предоставлению иконок.

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

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

1. Неверные размеры, нет фавикона…
Это самая распространенная проблема, которую я видел. Google подробно объяснил, что фавиконы должны быть кратны 48×48 пикселей. Итак, убедитесь, что ваш фавикон имеет размер не менее 48×48 или кратен 48×48. Например, 96 × 96, 144 × 144 и т. д. Не используйте фавикон размером меньше 48 × 48.

Например, сайт использовал следующее изображение в качестве своего фавикона (размытого, чтобы не называть сайт). Это было 50×50, а не кратное 48×48 пикселей. Google только что использовал общий значок земного шара. Опять же, в поисковой выдаче.

Также важно соотношение сторон. Если это не квадрат, это не сработает. Я видел значки, которые выглядели не в порядке с точки зрения соотношения сторон, или они просто не отображались в поисковой выдаче. Например, сайт использовал фавикон ниже, у которого не было квадратного соотношения. Google заставил его соответствовать требуемому соотношению сторон (и он выглядел полностью искаженным в поисковой выдаче). Остерегаться.

Примечание о формате favicon: у вас есть множество вариантов:
Ваш значок не обязательно должен быть в формате .ico. Он может быть в любом поддерживаемом формате, таком как jpg, gif, png и svg. Я расскажу больше о svgs позже в этом посте.

2. Robots.txt блокирует фавикон :
В документации Google указано, что вы должны разрешить сканирование вашего значка и вашей домашней страницы, чтобы значок значка можно было использовать в поиске. Если ваша домашняя страница заблокирована файлом robots.txt, у вас явно есть проблемы посерьезнее, чем просто фавикон. :) Но расположение фавиконки может вызвать проблемы и сбить с толку с точки зрения robots.txt. Например, некоторые директивы в robots.txt могут быть «жадными» и блокировать больше, чем вы думаете.

Я рекомендую использовать тестер robots.txt в Google Search Console, чтобы убедиться, что ваш значок и домашняя страница могут быть просканированы. Это быстрый тест, который может избавить вас от разочарования. Например, вот сайт с отсутствующим фавиконом, и он блокирует доступ к фавикону. Кстати, это более крупный бренд, так что да, крупные компании тоже могут совершить эту ошибку.

И вот интересное замечание. У Google есть специальный сканер для фавиконов, который называется Google Favicon. Вы можете проверить документацию Googlebot для строки пользовательского агента. Google будет использовать этот поисковый робот для проверки вашего значка , когда вы запрашиваете индексацию своей домашней страницы через Google Search Console (GSC). И сканер будет игнорировать директивы robots.txt, когда кто-то запрашивает повторное сканирование домашней страницы на основе изменения значка значка.

Например, это прямо из документации фавикона:
«Сканер Google Favicon игнорирует правила robots.txt, когда пользователь запрашивает сканирование».

А вот и пользовательский агент сканера:

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

3. Дублирующиеся ссылки на фавиконки, и одна из них не соответствует рекомендациям Google:
Это похоже на первую проблему, которую я рассмотрел, но она включает в себя повторяющиеся ссылки на favicon в коде главной страницы (и одна из них не соответствует рекомендациям). Я видел ситуации, когда одна или несколько ссылок на значок значка относятся к файлам, которые не соответствуют требованиям, а Google просто отображал общий значок земного шара вместо этого в поисковой выдаче. Так что просто перепроверьте все ссылки на ваш значок с домашней страницы и убедитесь, что они в порядке.

Например, фавикон этого сайта отображался неправильно. В итоге на главной странице было несколько ссылок rel="icon", и одна из них не соответствовала рекомендациям Google. Исправление этого с помощью одной ссылки rel="icon", указывающей на нужный файл, позволило сайту восстановить свой значок в поисковой выдаче:

4. Э-э, пустой код фавикона…
Да, это кажется очевидным, но я, к сожалению, видел это в действии. Если вы буквально пропустите файл в коде значка, то у вас, очевидно, будут проблемы с значком в поиске. :) Так что, если у вас возникли проблемы с фавиконом, обязательно перепроверьте свой код. И я также рекомендую использовать различные инструменты тестирования от Google, чтобы проверить как статический HTML, так и визуализированный HTML, чтобы убедиться, что ваш код правильный.

5. Ваша платформа или CMS неверна с точки зрения favicon.
Для сайтов, которые используют определенную платформу или CMS для запуска своего сайта, они могут оказаться в ситуации, когда они не могут легко установить или настроить свой значок. А в ситуациях, когда у вас нет большого контроля, вы полагаетесь исключительно на платформу или CMS, чтобы сделать все правильно. И, как вы можете догадаться, это не всегда хорошо получается.

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

И при выполнении запроса, который вызывает множество сайтов, использующих платформу, вы можете увидеть широко распространенную проблему. Да, это все сайты на платформе с отсутствующими фавиконками (даже обычным фавиконом). И посмотрите на второй листинг в поисковой выдаче… неправильное соотношение сторон для фавикона. Итак, у нас есть смесь пустых фавиконов и одного искаженного. Фигово.

Бонус 1: не выходите за пределы своего фавикона.
В своей документации Google объяснил, что не будет показывать фавиконки, которые считает неуместными (например, порнографию или символы ненависти). Если это так, Google просто предоставит общий значок по умолчанию. Просто имейте это в виду при создании фавикона… Я уверен, что это не повлияет на большинство сайтов, но это может явно вызвать проблемы с правильным отображением вашего фавикона в поисковой выдаче.

Вот что Google объясняет в своей документации по фавиконам:

Бонус 2: Создайте адаптивный значок, который хорошо работает в темном режиме.
Людям нравится темный режим, включая поиск Google. Но я обнаружил, что многие не проверяют, как отображается их значок в темном режиме.

После того, как вы проверили свой значок в темном режиме и считаете, что он выглядит неоптимально, вы всегда можете создать адаптивный значок, который отлично выглядит как в светлом, так и в темном режиме. Например, создание SVG, использующего медиа-запросы, чтобы гарантировать, что ваш значок адаптируется к текущей среде (светлый режим или темный режим).

Адам Аргайл написал пост, объясняющий, как создать адаптивный фавикон на web.dev, где он проведет вас через процесс создания SVG, который может меняться в зависимости от светлого или темного режима. Я еще не проверял это, но это интересный метод, который, кажется, хорошо работает в демоверсии. Я мог бы попытаться сделать это в ближайшем будущем.

Резюме: поместите свой лучший фавикон, я имею в виду ногу, вперед в поиске с тем, который действительно появляется.
Я надеюсь, что этот пост помог вам понять некоторые из наиболее распространенных проблем с фавиконками, с которыми я сталкивался, помогая владельцам сайтов, которые обращались ко мне за помощью. Поскольку значки значков отображаются на видном месте в результатах мобильного поиска, вы не хотите, чтобы неоптимальные значки смотрели пользователям прямо в лицо. И вам также не нужен стандартный фавикон, который может предоставить Google, или, что еще хуже, пустой фавикон. Несколько минут изучения ситуации обычно могут выявить основную проблему фавикона. И после исправления вы, наконец, сможете получить фавикон, который будет работать на вас, а не против вас. Удачи.

ГГ