Так не бывает правильного или неправильного в семантической вёрстки, всё зависит от того, как вы хотите описать роботу тот или иной блог

Кардинальное отличие заключается в том,
что верстка делится на два этапа.

В первом этапе, формируется страница используя только теги. Ни единого стиля. Задача в этой фазе выстроить документ таким образом, чтобы показав его любому человеку, человек точно понял что вы хотели этим сказать.  

Во втором этапе, используя только стили, приводят получившуюся структуру к внешенму виду нарисованному на макете.

Это очень грубое приближение, но оно дает почувствовать  разницу.  

Сейчас, чаще всего, любую верстку делают от макета, считая html языком разметки внешнего вида. Что естественно не так.

Совершееннно верное замечание.
Тем не менее эта простая истина  находится далеко за пределами понимания  почти всех.
Я могу сказ ать что ты чуть ли может не третий человек с которым я общаюсь, который по крайней мере имеет правильное престадвление о том, как это используется

к примеру, тот же <aside> вовсе не подразумавает, что его нужно обязательно делать сбоку/сайдбаром

Он просто показывает, что дополнительный контент должен быть связан с окружающим контентом.

на самом деле он показывает противоположное.
aside размечает контент, который не должен оказывать влияния на контент той же секции  где и сформирован aside

можно пример удачной реализации html5 из топа по любому запросу?

Информация же есть в бурже, много где исползуется html5, как один из факторов. Конечно никто не станет показывать примеры "своих сайтов". Сопостовляя и анализируя можно приходить к "cвоим выводам"

А если aside находится вне секции? Как отдельная сущность. aside - блочный элемент

Да, но он должен быть привязан к окружающему контенту (например, что-то вроде напонимающее сноску/пояснение). Вот хороший пример
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_aside

ничего не может находится вне секции.
первая секция, она же родительская, это body

Тогда вопрос исчерпан)

Это написана чушь. W3Schiool  просто кладезь идиотизмов о html5.

Секционный эелемнт aside создавался исключительно с целью, решения задач контента, когда внтури основного контента есть блок, который не должен оказывать влияние на родителький.

То что в примере на w3school это типичное figure
а не aside

друзья, у нас же тут союз Пингвина и Панды (ссылок и контента) хотелось бы на  любом примере увидеть как правильно оформленный контент на html5 дает приимущество в топе (пока что можно наблюдать скорее обратное)

Семнатическая верстка, это та хитрая область, в окторой очень сложнодавать примеры.

Это тоже самое что в случае, если мы говорим про турецкий язык, или корейский, просить привести пример того как фраза такая то звучит на корейском языке.
Это невоможно сделать. Потому что принцип языка зависит о т контекста. (в корейском языке, одно и тоже просизносится по разному например в заисимости от вашего социального статуса)

Иными словами, семнатичсекая верстка зависит от того какой смысл вкладывал разарботчки.

То есть многие вещи могут иметь соврешнно разные представления в рамках Html5. От чего меняется и смысл. Потому елсли говорить о примерах, то нужно братьконретные страницы, сначала рабирать их задачи. Что именно где и как должно рабоатть. А потом переводить это на язык семантики

В целом про W3School отрицать не стану, но с <aside> что не так?
Элемент <aside> используется для идентификации контента, который связан с основным контентом веб-страницы, но не является основным контентом страницы.

{{header}}
{{main}}
{{aside}}
{{section}}
{{aside}}
{{/main}}
{{footer}}
Что неверно?

Это неправильная формулировка.
aside это тег который размечает контент, значение которого  в рамках родительской секции aside,  не должен оказывать влияния на контент этой секции.
В английском языке это любят произносить как тангенциально связан.

Типичный пример рекламный блок.
Контент рекламного блока внтури вашей статьи не должен оказывать влияние на саму статью. Потому этот блок это всегда aside

То бишь <aside> содержит контент, который "косвенно" связан с содержимым вокруг элемента aside, и который можно рассматривать отдельно от этого содержимого.

Все.