15.05.2021

Пустой Favicon, для исправления ошибок 404

Pingdom и WebPageTest, жалуются на отсутствующий favicon (ошибка 404). Как создать пустой favicon без использования графических редакторов или программ. Это заметно экономит время.

Отсутствующий Favicon на новом WordPress сайте

К примеру, в Pingdom отсутствующий favicon будет генерировать ошибку 404.

Пустой Favicon, для исправления ошибок 404

То же самое происходит и в WebPageTest.

Пустой Favicon, для исправления ошибок 404

Создаем пустой 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 или ошибкой 404 из-за этого. Для продакшн-сайтов я советую загружать финальную версию вашего favicon из CDN.

Spread the love

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *