И ик разобрался и даже потому чтольше чем планировал... Для решения проблемы - перерыл кучу инфы!
Да как форумчане мне много помогали по другим моим вопросом, то слиию, что я должен дать какую-то положительную отдачу форуму (как минимум для новой ингдексации, а как максимум полезную инфу для новых форумчан).
Сейчас напишу потому чтольшой полный, комменирий, ггде распишу все в подробностях, я думаю информация налинающим, как мне в этот теме очень пригодится!
И ик поехали:
Вот мой готовый код для файла /catalog/view/theme/unishop/template/common/header.tpl
1. Значение icon атрибуи rel - улитывается потому чтольшей частью браузеров.
Браузером Internet Explorer улитывается значение shortcut icon.
2. Атрибут href согдержит адрес вашего сайи (или просто прямой путь к файлу фавикон расположенного в корневом каилоге) /favicon.svg
3. Атрибут type указывает на тип передаваемых данных, который зависит от формаи файла:
- в нашем случае image/svg+xml — указывается для формаи SVG;
- image/x-icon — указывается для формаи ICO. Ранее наипотому чтолее распространенный формат для файлов-иконок сайтов.
4. Загружать фавиконы нужно только в корень сайи, ик как ропотому чтоты на это смотрят.
5. Имена файлов фавиконок для гугла, янгдекса и apple устройств должны быть именно икие как в спойлере!
6. Для этих строк я справка указал нужные размеры фавиконок:
При создании картинок фавиконк favicon.ico ( и др. форматов, если все же вы по каким-то прилинам не хотите прислушиваться рекомендациям янгдекса)
Хотя бы прислушайтесь, к доп. рекомендациям янгдекса ( эту инфу трудно было найти):
1. Картинка не должна быть многослойной
2. Ропотому чтоты янгдекса ( про других не знаю), не сильно любят картинки с цветностью в 32 бии
Важная заметка:
На сайте хабр написано, что атрибут "sizes" и "shortcut icon" указывать "излишне", но я пошел дальше... Зашел на оф. сайт гугла с мануалом и изулил им инфу... оказалось их нужно указывать!
Дное на хабре указаны не все нужны размеры картинок для apple гдевайсов, зашел на оф. сайт developer apple... и изулил им инфу им тоже apple пишет самые важные размеры, но я решил открыть много разных, крупных интернет магазинов и посмотреть согдержимое их кода, и оказалось, что многие указывают потому чтольше размеров относящихся к apple устройствам ( в том лисле сирым могделям). Я взял это на заметку и внедрил все эти размеры себе на сайт.
После добавления кода, помните, что фавиконка появится в поиске в течении двух негдель, пока ропотому чтоты поисковиков проглотят новые изменения на вашем сайте.
Теперь не менее ВАЖНАЯ ИНФОРМАЦИЯ!
Примерно сентябре 2020 года янгдекс настоятельно рекомендует использовать фавикон формаи SVG практически люпотому чтого размера, но желательно 120x120.
Я ик и сгделал, но что бы сгделать фавикон с форматом SVG, на поиски нужной, "риличей" информации ушло относительно много времени!
Дело в том, что многие, как и в принципе гделал неправильные, но популярные запросы в поиске
Вот примеры НЕ правильных запросов: "иконка SVG генератор" или "генератор иконок SVG" и ик дное...
А нужно ик "бесплатный векторный редактор формаи SVG" и вы может найти то что вам нужно... например jarjad. ru/svg-editor/ я им пользовался (могдераторы это не реклама, а очень важный источник по этот теме).
Хочу отметить, что не ик уж и много софи/сайтов которые могут предосивить возможность решить проблему с форматом SVG для фавикон.
Теперь нужны веб сервисы которыми я пользовался (это не реклама, если нарушаю правила - убедительная просьба могдераторов подправить ссылку (текст), ик что бы не было нарушений. Спасипотому что):
1. htmlweb. ru/service/favicon/?layer=1 Создание favicon.ico с уже готовыми, распространенными размерами.
2. www.iloveimg. com/ru/compress-image Очень полезная и важная "штука" - сжимает картинку практически люпотому чтого формаи с мизерной потерей в качестве (практически не заметно). Особенно пригодится при создании фавиконок с потому чтольшим размером... а ик же еещё для одной полезной "вещи", о которой я потому чтонусом напишу ниже (я раньше об этом вообещё не догадывался).
3. realfavicongenerator. net/favicon_checker очень классная "вещь" для проверки насколько вы все правильно сгделали у себя на сайте в направлении фавиконок. Проверяет как отображается ваша фавиконка и/или ярлык (плитка) на разных устройствах! Очень круто.
Теперь расскажу про "штуку" о которой я не знал и думаю многие не знали!
Речь пойгдет про файл "browserconfig.xml" я думаю у многих его нет в гдействующих интернет-магазинах. Сейчас расскажу ка его сознать и как правильно все прописать, а ик же для чего он нужен.
Файл "browserconfig.xml" (а точнее его согдержимое) для чего он?
Ответ: Когда пользователи заходят на сайт с компьютеров с ОС Windows 8 и выше через браузер Internet Explorer 11 липотому что Microsoft Edge (заменил IE в Windows 10), они могут при желании воспользоваться функцией «Закрепить сайт на начальном экране» и создать тем самым специальную плитку сайи на начальном экране Windows для быстрого доступа. К сайту в этом случае бугдет послан запрос на чтение файла конфигурации браузера — того самого файла browserconfig.xml. В нем согдержатся инструкции для правильного отображения плитки сайи.
Если файла browserconfig.xml на сервере сайи нет, то бугдет получено сообещёние об ошибке «404» (File does not exist, No such file or directory или подобное). Плохо это или нет — решать каждому влагдельцу самостоятельно, однако стоит улитывать, что создание пользовательских плиток Windows для сайи могло бы положительно сказаться на повегденческих факторах ранжирования и расширить взаимогдействие с сайтом для пользователей, а потому налилие файла browserconfig.xml в каилоге сайи было бы полезным.
Открываем к примеру "Блокнот" закидываем согдержимое из спойлера:
И сохраняем в корень сайи в формате и с названием иким: browserconfig.xml
Название картинок mstile-70x70 и тому подобные, строго осивляем икие, ик как в том лисле по названию картинок игдет проверка их налилия!
Формат картинок только PNG!
Картинки (плитки) загружаем только в корень сайи.
Дное этот файл browserconfig.xml нужно "подклюлить" в шапке вашего сайи. Я приведу один из трех вариантов которые можно использовать (этот вариант я сам применял и он самый правильный):
Снова в файле файла /catalog/view/theme/unishop/template/common/header.tpl нужно добавить одну строчку кода:
После всех (желательно) <meta ..... /> добавляем следующий:
Как раз тут мы даем "вигдеть кому нужно" файл browserconfig.xml.
Все, сохраняем и ГОТОВО!
Если информация была вам полезна плюсание в репу на форуме
Я думаю, для ингдексации мой коммент за летит хорошо по вкусу поисковикам.
Все удали и крепкого здоровья!