Судя по вопросу, единственно правильное решение - обратиться к специалисту.
Как тут часто шутят - почём акк купил? ;)
!robots\.txt
!sitemap\.xml
Вот блин, сначала подумал, что это с порносайта картинка. 🤪
Ну ты загнул... 🤪
...........................
Вариант 3 сойдёт.
Тот же смысл. что и у всех агрегаторов. Хозяевам агрегатора плевать на Ваш сайт и на то, куда ещё пойдут посетители их сайта. Для них основное - на свой сайт привлечь постоянных посетителей, желающих почитать обзор всяких блогов (и заодно всякую рекламу). А Вам соответственно крошки со стола достаются.
Вы почитайте вообще про элемент article. Судя по тому, что написано в стартпосте, понимание этого у Вас находится в зачаточном состоянии. И да, то, чего не понимаешь, лучше не делать. Не лепить непонятные элементы без разбора.
Я же написал выше: активный класс надо добавлять для родительского элемента, во избежание всевозможных "косяков". А для projects-tab скорректировать CSS
a.projects-a.active .projects-tab{background-color: #ff6a6a;}
Вставляйте в хэдер дополнительный блок и изменяйте стили у остальных элементов. Там применено абсолютное позиционирование, поэтому всё сдвигать придётся.