[{"data":1,"prerenderedAt":29},["ShallowReactive",2],{"$fKs8k-yAJaqlGMfy1XjftGr0bjOHUTxwh84XKZ07Jur4":3},{"slug":4,"title":5,"description":6,"date":7,"created_at":8,"updated_at":8,"h1":5,"content":9,"views":10,"next_articles":11},"favicon-i-ikonki","Favicon и иконки сайта","Favicon и иконки сайта: набор ICO, SVG и touch icon, доступность файлов, кэш браузера и проверка узнаваемой иконки без обещаний SEO-эффекта.","2026-08-09","2026-09-07","\u003Cp>Favicon помогает узнать вкладку среди десятка других, увидеть закладку и иногда аккуратнее представить сайт в интерфейсах поиска. Это не фактор, который сам по себе поднимает страницы, зато отсутствие или битая иконка — заметная деталь доверия.\u003C\u002Fp>\n\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>Файл\u003C\u002Fth>\u003Cth>Для чего\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>favicon.ico\u003C\u002Ftd>\u003Ctd>Старые браузеры и простой fallback\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>favicon.svg\u003C\u002Ftd>\u003Ctd>Чёткий масштабируемый знак\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>PNG 32×32\u002F48×48\u003C\u002Ftd>\u003Ctd>Совместимые вкладки и ярлыки\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>apple-touch-icon.png\u003C\u002Ftd>\u003Ctd>Добавление сайта на iOS\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cpre>\u003Ccode><link rel=\"icon\" href=\"\u002Ffavicon.ico\" sizes=\"any\">\n<link rel=\"icon\" type=\"image\u002Fsvg+xml\" href=\"\u002Ffavicon.svg\">\n<link rel=\"apple-touch-icon\" href=\"\u002Fapple-touch-icon.png\">\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Как не потерять иконку при релизе\u003C\u002Fh2>\n\u003Cp>Сделайте знак различимым на 16×16: тонкий текст и мелкие детали исчезнут. Разместите файлы на HTTPS и проверьте, что сервер отдаёт корректный MIME-тип и 200, а не HTML-страницу 404 под видом изображения.\u003C\u002Fp>\n\u003Cp>Браузеры агрессивно кэшируют favicon. При заметном обновлении используйте версионированный путь вроде \u003Ccode>\u002Ffavicon-v2.svg\u003C\u002Fcode> и поменяйте ссылку в общем шаблоне. Откройте инкогнито и мобильный ярлык: обычная вкладка может продолжать показывать старый файл.\u003C\u002Fp>\n\u003Cp>Проверить доступность поможет \u003Ca href=\"\u002Ftools\u002Ffavicon\">инструмент favicon\u003C\u002Fa>; после обновления шаблона сделайте \u003Ca href=\"\u002Fcheck\u002Ffree\">бесплатную проверку сайта\u003C\u002Fa>.\u003C\u002Fp>\n\u003Csection class=\"blog-faq\">\u003Ch2>Вопросы и ответы\u003C\u002Fh2>\u003Cdetails>\u003Csummary>Хватит ли одного favicon.ico?\u003C\u002Fsummary>\u003Cp>Для базовой совместимости обычно хватит, но SVG и touch icon дают более предсказуемый результат на современных устройствах. Набор должен соответствовать реальному бренду, а не быть случайной буквой, которую нельзя распознать в маленьком размере.\u003C\u002Fp>\u003C\u002Fdetails>\u003Cdetails>\u003Csummary>Нужно ли добавлять favicon в sitemap?\u003C\u002Fsummary>\u003Cp>Нет, sitemap перечисляет индексируемые страницы, а не служебные изображения. Важно, чтобы ссылка на иконку была в HTML-шаблоне и сам файл открывался без авторизации по постоянному HTTPS-адресу.\u003C\u002Fp>\u003C\u002Fdetails>\u003Cdetails>\u003Csummary>Почему новая иконка не видна сразу?\u003C\u002Fsummary>\u003Cp>Вероятнее всего, браузер, CDN или ОС использует старый кэш. Измените имя файла либо добавьте версию в путь, очистите кэш для проверки и убедитесь, что новый HTML уже дошёл до публичного сервера.\u003C\u002Fp>\u003C\u002Fdetails>\u003Cdetails>\u003Csummary>Favicon влияет на SEO?\u003C\u002Fsummary>\u003Cp>Не стоит обещать прямой рост позиций. Иконка улучшает узнаваемость и аккуратность интерфейса, но качество контента, доступность URL и техническая структура сайта остаются гораздо более важными факторами.\u003C\u002Fp>\u003C\u002Fdetails>\u003C\u002Fsection>",0,[12,16,19,22,26],{"slug":13,"title":14,"date":15,"views":10},"sitemap-xml-proverka-i-nastrojka","Sitemap.xml: проверка и настройка","2026-08-16",{"slug":17,"title":18,"date":7,"views":10},"unikalnost-tekstov-seo","Уникальность текстов и SEO",{"slug":20,"title":21,"date":7,"views":10},"mikrorazmetka-schema-org","Микроразметка Schema.org для сайта",{"slug":23,"title":24,"date":25,"views":10},"perespam-i-skrytyj-tekst","Переспам и скрытый текст: риски для сайта","2026-08-15",{"slug":27,"title":28,"date":7,"views":10},"vnutrennyaya-perelinkovka","Внутренняя перелинковка сайта",1789381424952]