Порядок разметки веб-страницы для моего веб-приложения - имеет ли значение, если боковая панель программно отображается перед основным содержанием?

Question

ОК, это худшее название, которое я когда-либо мог придумать. Но я не совсем уверен, как это сформулировать!

Я имею в виду, является ли это неэффективным для браузера, поисковой оптимизации или любых других важных факторов, если программно моя float:right ed боковая панель появляется в разметке перед основным содержимым div, который установлен на float:left

Для пользователя основной контент отображается слева, а боковая панель - справа. В исходном коде это выглядит так:

<div id="sidebar">This is where my sidebar goes </div>
<div id="content">This is where my content goes </div>

Повлияет ли это на SEO или другие факторы на моей странице?

Answer 1

Да, ставьте ваш контент на первое место.

В WordPress приятно обсудить структуру контента и SEO . Вы хотите поместить содержимое как можно ближе к началу обслуживаемого файла HTML. Роботы и программы чтения с экрана получат то, что хотят раньше, и я предполагаю, что браузер также начнет отображать контент в соответствии с его местом в обслуживаемом файле. CSS делает позиционирование вещей не по порядку более или менее тривиальным, так почему бы не предоставить HTML-контенту всю помощь, которую он может получить?

Answer 2

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

Что бы вы ни делали: добавьте ссылку для пропуска пользователей клавиатуры, чтобы перейти в другой раздел. Это должно быть видно на :focus. И скрыть навигацию в вашей таблице стилей печати. :)

Answer 3

Вы действительно не можете сказать ... но я полагаю, что этого не произойдет, поскольку боты, такие как сканер Google, следуют по ссылкам, а не по тексту ... но это может повлиять на SEO изображений, поскольку они индексируются "окружающим контентом".

Однако это действительно правильная вещь, поскольку люди на" устройствах с ограниченным доступом "(действительно старые мобильные телефоны) и люди, использующие программы чтения с экрана, увидят ваш контент в правильном порядке.