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

• URL-адреса: Во многих случаях Google теперь будет отображать в результатах поиска хлебные крошки, а не полный URL-адрес. Макет больше не различает HTTP и HTTPS. И URL-адреса изменились с легко видимого зеленого цвета на черный, который гораздо легче не заметить.
• Фавиконы: Рядом со всеми объявлениями теперь отображается фавикон.
• Маркировка объявления: маркировка объявлений находится в том же месте, что и значки для обычных результатов поиска, но метки объявлений имеют черный цвет, который как бы сливается со строкой URL. Ожидайте, что со временем черная рекламная этикетка станет светлее, что соответствует как Google со временем сделал цвета фона объявлений светлее.

В прошлом году наши результаты поиска на мобильных устройствах приобрели новый вид. На этой неделе он будет доступен для настольных компьютеров, где на видном месте будут отображаться доменные имена сайтов и значки брендов, а также выделенная жирным шрифтом метка «Реклама» для рекламы. Вот макет: pic.twitter.com/aM9UAbSKtv— Google SearchLiaison (@searchliaison) 13 января 2020 г.

Можно было бы ожидать, что это изменение повысит CTR рекламы и снизит CTR результатов обычного поиска, по крайней мере, до тех пор, пока пользователи не привыкнут видеть фавиконы и не будут думать о них как о рекламе.

Грань обновил макет поисковой выдачи. Немного люди на Reddit ненавидят этот новый макет поскольку это визуально отвлекает, контраст URL-адресов хуже, и многие думают, что органические результаты — это реклама.

Теория заговора: НАСТОЯЩАЯ причина, по которой значки находятся в поисковой выдаче, заключается в том, чтобы поощрять «баннерную слепоту» для текста «Реклама». Как только люди будут видеть значки снова и снова, они научатся мысленно игнорировать левый верхний угол. pic.twitter.com/LaXdZjNLK1— Риши Лакхани (@rishil) 17 января 2020 г.

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

Google предоставляет следующие рекомендации для значков

• И файл favicon, и домашняя страница должны быть доступны для сканирования Google (то есть они не могут быть заблокированы для Google).
• Ваш фавикон должен быть визуальным представлением бренда вашего веб-сайта, чтобы помочь пользователям быстро идентифицировать ваш сайт при просмотре результатов поиска.
• Ваш фавикон должен быть кратен квадрату 48 пикселей, например: 48x48px, 96x96px, 144x144px и так далее. Файлы SVG, конечно же, не имеют определенного размера. Поддерживается любой допустимый формат favicon. Google изменит масштаб вашего изображения до 16×16 пикселей для использования в результатах поиска, поэтому убедитесь, что оно хорошо выглядит при таком разрешении. Примечание: не предоставляйте фавикон размером 16x16px.
• URL-адрес фавикона должен быть стабильным (не меняйте URL-адрес часто).
• Google не будет показывать фавиконки, которые считает неприемлемыми, включая порнографию или символы ненависти (например, свастику). Если этот тип изображений будет обнаружен в фавиконе, Google заменит его значком по умолчанию.

В дополнение к вышесказанному я подумал, что имеет смысл дать еще несколько советов по оптимизации фавиконов.

• Сохраняйте фавиконы одинаковыми в разных разделах сайта, если вы пытаетесь обеспечить единообразное восприятие бренда.
• В общем, меньше значит больше. 16×16 — это крошечное пространство, поэтому, если вы попытаетесь передать внутри него много информации, вы, скорее всего, в конечном итоге создадите большой двоичный объект, который почти никто, кроме вас, не узнает.
• Может иметь смысл включить первую букву названия сайта или упрощенный виджет с логотипом в качестве фавикона, но трудно включить и то, и другое в один значок, чтобы он не выглядел перегруженным и загроможденным.
• Цветной значок на белом фоне, как правило, выглядит лучше, чем белый значок на цветном фоне, поскольку наличие цветного фона означает, что вы съедаете часть скудного пространства пикселей для рамки.
• Использование квадратной формы вместо круга дает вам больше площади поверхности для работы.
• Даже если ваш логотип выделен курсивом, возможно, имеет смысл не использовать курсив в фавиконке, чтобы буква выглядела чище.

Вот несколько фавиконов, которые мне нравятся и почему они мне нравятся:

• Citigroup — удалось вставить слово Citi, при этом выглядя запоминающимся и отличительным, не выглядя чрезмерно загроможденным
• Nerdwallet — N отлично использует пространство, цвета четкие, и это почти похоже на стрелку, указывающую вправо.
• Inc — жирный я с точкой силен.
• LinkedIn — очень запоминающийся, используя небольшую часть слова из их логотипа и хорошее использование цвета.

Некоторые из других запоминающихся, которые мне нравятся, включают: Твиттер, Амазонка, eBay, Paypal, Гугл игры & Си-Эн-Би-Си.

Вот несколько фавиконов, которые мне не нравятся и почему

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

Какие фавиконы вам действительно нравятся? Какие крупные сайты, по вашему мнению, делают это неправильно?