ProfiPHPProfiPHP
Категория: Прочее

Порядок последовательности текста на сайте

Доброго времени суток. Сейчас я опишу одну очень большую глупость, которую я допустил при создании нового дизайна сайта ProfiPHP.ru.

Суть вот в чем. При построении дизайна я добавил 2 секции, в которых содержался текст авторского права на копирование. Первый блок отображался в левой колонке при ширине странице больше 700 пикселей:

Второй блок отображался исключительно на адаптивной версии, когда ширина была меньше 700 пикселей:

В результате код был приблизительно следующим:
<nav>
<ul>
<li><a href="/">Главная</a></li>
...
<li><a href="/contact.html">Обратная связь</a></li>
</ul>
</nav>
<section class="copyright">
В случае перепечатки материалов с данного сайта, обязательно должна быть прямая индексируемая ссылка на <a href="http://profiphp.ru">Profiphp.ru</a>
</section>
<div class="post">
<h1>Profiphp - сайт любителей PHP</h1>
<p>За всю свою историю, сайт Profiphp несколько раз ...</p>
</div>
<footer class="copyright">
В случае перепечатки материалов с данного сайта, обязательно должна быть прямая индексируемая ссылка на <a href="http://profiphp.ru">Profiphp.ru</a>
</footer>
Как видно, сразу после меню следовала фраза "В случае перепечатки материалов ...", после чего отображался заголовок и текст.
Никогда, повторяю, никогда так не делайте! Сначала меню, потом обязательно заголовок, текст, и уже потом любой другой текст. Самый важный текст должен быть в начале страницы!

В моем случае, поисковые системы сканировали текст, размещенный выше другого, и отображали его в результатах выдачи. В поисковой системе Yandex:

в Google:

Почти на всех страницах был одинаковый снипет (фрагмент исходного текста поисковых системах).

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

Прошло 2 недели, и результат:

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

Имя:
Текст комментария: