Порядок разметки веб-страницы для моего веб-приложения - имеет ли значение, если боковая панель программно отображается перед основным содержанием?
ОК, это худшее название, которое я когда-либо мог придумать. Но я не совсем уверен, как это сформулировать!
Я имею в виду, является ли это неэффективным для браузера, поисковой оптимизации или любых других важных факторов, если программно мой 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 или другие факторы на моей странице?
3 ответа
Да, поместите ваш контент на первое место.
В WordPress есть хорошая дискуссия о структуре контента и SEO. Вы хотите поместить контент как можно ближе к началу обслуживаемого файла HTML. Роботы и программы чтения с экрана получат то, что хотят раньше, и я предполагаю, что браузер также начнет отображать контент в соответствии с его местом в обслуживаемом файле. CSS делает расположение вещей не по порядку более или менее тривиальным, так почему бы не предоставить контенту HTML всю необходимую помощь?
Вы действительно не можете сказать... но я полагаю, что этого не произойдет, поскольку боты, подобные поисковику Google, следуют по ссылкам, а не по тексту... но это может повлиять на SEO изображений, поскольку они индексируются "окружающим контентом".
Тем не менее, это действительно правильно, так как люди на "ограниченных устройствах"(действительно старых сотовых телефонах) и люди, использующие программы чтения с экрана, увидят ваш контент в правильном порядке.
В настоящее время поисковые системы достаточно умны, чтобы различать навигацию и основной контент. Вы можете помочь, добавив значимые имена классов или идентификаторы. Я никогда не видел реального влияния на ранжирование по порядку обоих разделов.
Что бы вы ни делали: добавьте ссылку для пропуска пользователей клавиатуры, чтобы перейти в другой раздел. Это должно быть видно на :focus, И скрыть навигацию в вашей таблице стилей печати.:)