-
Лучший SEO дизайн
Мы получили ряд писем с вопросами относительно передового опыта в области дизайна страницы SEO. В этой статье содержатся многочисленные советы и примеры некоторых из наиболее эффективных макеты SEO для вашего сайта. Вы можете свободно скачать и использовать любой код, представленный на этой странице.
Мы надеемся, что все пришло к понимаю теперь, что SEO, в большинстве случаев, это все о вещи простыми. Хотя каждый крупной поисковой была и будет работать нон-стоп на улучшение их алгоритмы индексации, мы не можем ожидать, чтобы они могли догнать все нововведения, которые приходят в Интернет.
Разделение контента из структурных элементов кода HTML, чтение PDF-файлов, даже осмысления флэш-анимацию, изображения, видео и аудио файлов является то, что любой приличный поисковой можете сделать в эти дни. И в то время они стали настолько страшно, хорошо в таких передовых областях просто получить любую дополнительную часть информации, представленной на веб-странице, самое главное для успеха вашего сайта по-прежнему ol'good текста. И это то, что вы всегда должны ставить на - сделать свой текст доступным и хорошо структурирован.
Оптимальная структура СТРАНИЦА
Следующую структуру страницы, что оказалось лучшим для того, чтобы содержание доклада:
Название страницы> Содержание> Главное меню> Дополнительные Навигация> Footer
Но разве не было бы скучно, если все страницы выглядели одинаково, макет мудрым? Еще бы, было бы! Но ... С помощью CSS форматирование можно иметь различные наглядных макетов и сохранить поисковая система оптимизирована HTML структуры. Давайте рассмотрим следующий пример.
SEO разметки страницы с правой боковой панели (две колонки)
Давайте предположим, что Вы бледный создать макет страницы с заголовком, следуя по области основного содержания, боковая панель на правой стороне окна и нижний колонтитулы. Нечто подобное расположение на изображении.
Заголовок: Как правило, заголовок страницы будет содержать меню или ссылки на наиболее важные страницы на нашем сайте, потому что мы хотим, чтобы наши посетители, чтобы иметь возможность нашим сайтом удобно и найти необходимую им информацию прямо сейчас.
Основное содержание: Часто это будет иметь смысл представить основное содержание вашей страницы прямо под заголовком. Если люди приходят на нашу страницу, в надежде найти определенную информацию, и мы делаем их прокрутки весь путь до дна, возможно, скоро раздражать их, или они не будут смотреть на другую страницу или возвращается на наши сайты.
Врезка: Часто содержит всеобъемлющую меню и дополнительные материалы или информацию, связанную с основной контент.
Footer: Затем идет колонтитул. Возможно, мы включим авторском праве и дополнительной навигации там.
Мы также рекомендуем, чтобы завершить страницу с уникальным, тематические текстовые строки. Yahoo и другие поисковые системы могут использовать несколько первых и последних слов на странице, чтобы сделать информацию фрагмент, который будет представлен вместе с заголовком страницы на своих страницах результатов поиска. Особенно, если ваши страницы вновь проиндексированы. Итак, рассмотрим "призыв к действию" тип формулировки.
Так что, если мы должны были переводить оптимальной структуры страницы (см. выше) с точки зрения выбранного макета страницы мы должны быть позиционирования нашей элементы в следующем порядке:
Главное содержание (приступил заголовок страницы)> Боковая панель> Верхний колонтитул> Footer
А вот код для такой макет (Вы можете копировать и попробовать его на образец страницы):
<html> <head> <style> h1 {выравнивания текста: Центр, ширина: 100%;} P {обивка: 40px 0; выравнивания текста: Центр, ширина: 100%;} # {внешняя ширина: 800px; маржа : 0 автоматического 0; вершина дополнения: 120px;} # флоат-обернуть {плавать: слева; ширина: 800px; фонового цвета: # 000;} # {содержание плавать: слева; выравнивания текста: влево, ширина: 600px; фонового цвета: # ff6666;} # {боковой панели плавать: право, ширина: 190px; фонового цвета: # 66cc66;} # {заголовок поле:-120px 0 0-800px; плавать: слева; ширина: 800px, высота: 120px ; фонового цвета: # 66ccff;} # {нижний колонтитулы ширина: 800px; фонового цвета: # ffff66;} </ STYLE> </ HEAD> <div <body> id="outer"> <дел ID = "флоат- обернуть "> <div id="content"> <h1> Главное содержание </ h1> <p В этой части на первом месте </ P> </ DIV> <div id="sidebar"> <p> боковой панели </ P > <p> Эта часть занимает второе место </ P> </ P> </ DIV> <div id="header"> <p> Заголовок третьем месте </ P> </ DIV> <div id="footer"> <p> И, наконец Footer ... Наш четвертый и последний элемент </ P> </ P> </ DIV> </ body> </ html>
Здесь вы увидите, что дел элементы размещаются в порядке, в котором мы хотим, чтобы они были размещены в пределах нашей HTML-кода. Так сказать, h1 заголовок + содержание, а затем боковой панели, верхний и нижний колонтитулы. И это точно, как поисковые системы будут видеть и индексировать содержимое страницы. Тем не менее, если вы создаете эту страницу и открыть его в браузере, вы увидите, что элементы, кажется, быть размещены в несколько ином порядке: заголовок> h1 заголовок + содержимое> боковой панели> колонтитул. Это, как ваши посетители будут видеть страницу.
Больше примеров, чтобы прибыть ...
Следует иметь в виду, что при поиске извлекать описания страниц (он же фрагменты странице) отображается вместе с заголовков страниц в результатах поиска, часть текста в нижней части страницы могут быть использованы также. Таким образом, она может быть хорошей идеей альтернативного текста в нижний колонтитул для каждой страницы Вашего сайта. Это не критично, но может помочь увеличить ответов от людей просматривают результаты поиска.
Поисковая оптимизация от Пэйджранкер.Ру
