Правильное указание ссылки на XML

О семантике и технических specifications для нижнего блока читайте в документации W3C: Рекомендация W3C по элементу footer.
Параметры ссылки: rel=”nofollow” и target=”_blank”
Для внешних ссылок, например, партнерок или платных размещений, biblio-GEN.Ru используйте атрибут rel=”nofollow”. Это указание для поисковых систем не передавать вес вашего сайта: Партнерская ссылка.
Атрибут target=”_blank” управляет открытием в новом окне. Всегда используйте его вместе с rel=”noopener noreferrer” для защиты от потенциальных угроз: Внешняя ссылка.
Комбинируйте оба атрибута для исходящих соединений, которые открываются отдельно и не должны влиять на ранжирование: Рекламная ссылка.
Настройка цвета логотипа в соответствии с дизайном
Применяйте векторный формат SVG для графической марки, это позволит управлять оттенками через CSS. Для изменения цветности напрямую в код встраиваемого файла добавьте атрибут fill=”currentColor”. Это заставит элемент наследовать цвет от родителя, определенный через CSS-свойство color.

Метод
CSS-код
Поддержка

Применение родительского цвета
.brand-mark color: зеленый морской волны;
Векторная графика, шрифтовые иконки

Эффекты фильтрации
.invert filter: invert(75%);
Битмап-изображения

Псевдо-элементы с масками
.icon background-color: #FF4500; mask: url(icon.svg);
Современные браузеры

С битмап-картинками (PNG) работайте через фильтры. Свойство filter: brightness(0) invert(1) преобразует значок в белый, после чего можно добавить требуемый цвет через background-color. Помните, что это может затронуть быстродействие.
Делайте монохромные варианты фирменного знака для гибкости. Подготовка нескольких вариантов (светлого, темного, акцентного) гарантирует резкость и четкость на любом фоне. Всегда проверяйте контрастность: минимальный коэффициент для мелких деталей должен составлять 3 к 1.
HTML-разметка для различных ситуаций

Сценарий
Код
Предназначение

Главная навигация на стартовую страницу

Интерактивный элемент, ведущий на домашнюю страницу. Сочетание SVG и скрытого текста обеспечивает веб-доступность.

Логотип компании в футере

Некликабельный знак в футере. Атрибут aria-label задает описание для ассистивных технологий.

Указатель с внешним GIF-файлом

Использование растровой графики с явным указанием размеров для ускорения загрузки страницы.

Векторные изображения лучше внедрять как SVG, так как он сохраняет четкость на любых разрешениях экрана. Всегда указывайте альтернативный текст (атрибут `alt` для “) или метку для ARIA (для “), чтобы обеспечить a11y контента.
Габариты нужно прописывать прямо, это предотвращает изменение layout во время ее загрузки.