В силу своей должности я провожу много разных тестов. Одна из проблем, с которой я часто сталкиваюсь – инструменты, такие как Pingdom и WebPageTest, жалуются на отсутствующий favicon (ошибка 404). Сегодня я поделюсь с вами несколькими быстрыми советами, как создать пустой favicon без использования графических редакторов или программ. Это заметно экономит время.
Отсутствующий Favicon на новом WordPress сайте
К примеру, в Pingdom отсутствующий favicon будет генерировать ошибку 404.
То же самое происходит и в WebPageTest.
Создаем пустой Favicon без изображений
Самый простой способ исправить ошибку – создать пустую иконку с кодом. Если у вас есть favicon, вы, конечно, можете всегда добавить его в корень вашего сайта WordPress через SFTP. Однако мой способ показался мне более эффективным.
Вариант 1. Помещаем код в хэдер WordPress
Первый способ – помещаем код прямо в header.php перед закрывающим тегом head.
<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />
Однако я не фанат редактирования файлов напрямую; тем более этот способ может варьироваться в зависимости от используемой вами темы. Потому мне больше по нраву второй вариант.
Вариант 2. Используем PHP сниппет.
Мне нравится бесплатный плагин Code Snippets. Я обычно всегда вношу небольшие изменения в PHP на своих сайтах, потому этот плагин входит в мой обязательный арсенал.
Все, что вам нужно сделать – это создать новый PHP-сниппет. Вы можете наименовать его так, как вам хочется.
Вот как он будет выглядеть:
function favicon() {
echo '<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />';
}
add_action('wp_head', 'favicon');
Далее выбираем пункт «Only run on site front-end».
Готово. Вы больше не столкнетесь с уведомлениями про отсутствующий favicon или ошибкой 404 из-за этого. Для продакшн-сайтов я советую загружать финальную версию вашего favicon из CDN.
Источник: https://woorkup.com
