Безупречная структура продвигаемого сайта
17 август 2015

Безупречная структура продвигаемого сайта

Микроразметка - без нее уже никак...

Вебмастерам следует в использовать три тега в коде верстки сайта:

<article>Текст статьи</article>
<nav>Меню навигации</nav>
<aside>Сайдбар</aside>

С этими тегами, поисковые системы моментально распознают структуру сайта, где основной контент, и где навигация. Чуть подробнее о HTML5-семантике написано тут.

Пример каркаса страницы с подобной структурой: http://zenpr.ru/wp-content/perfectpage/index.html

1) Контент у юзера как на ладони. Моментально получает, что искал.

2) Логотип и текст под ним сразу тянут на себя внимание, но при этом не раздражают, не мешают чтению основного текста.

3) Используются современные теги <nav>, <aside> и <article> — можно получить большой плюс в дневник для поисковиков

4) Текст статьи располагается в самом верху кода, сразу же после тега <body>:


<html>
<head><title>Идеальная структура сайта</title>
<link rel=»stylesheet» href=»style.css» type=»text/css» media=»screen» />
</head>
<body>
<article>
<h1>Заголовок
 статьи</h1>
<p>Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p>

</body>
</html>

Повторюсь, рецепт «SEO-friendly» кода предельно прост:

1) Теги <nav>, <aside> и <article>
2) Блок <article> всегда вверху (в CSS прописываем position:absolute, кто слабо разбирается в верстке – можете глянуть код)

Комментарии

ОтменитьДобавить комментарий