Как отобразить HTML в другом порядке к исходному коду

Question

У нас есть клиент, который очень суетлив по поводу своего SEO и хочет, чтобы html появлялся в очень специфическом порядке в источнике.Это нормально, пока этот порядок не будет полностью отличаться от порядка, в котором они хотят, чтобы части страницы отображались.

Это интегрируется в cms, что делает его несколько сложнее.

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

Мы не можем использовать css3 для сайта, поскольку он должен быть одинаковым на всех платформах.У CSS3 есть несколько очень приятных функций для достижения именно того, чего я хочу, но это вне стола.

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

Answer 1

Мне кажется, ваш клиент не понимает, как SEO работает с современными сканерами.Пять лет назад это была другая история;Вам лучше иметь важные ссылки в коде.Сегодня это не так, хотя некоторые все еще клянутся этим.

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

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

Answer 2

Эти два поста демонстрируют реализацию этого "трюка SEO".

Иерархия разметки - преимущества в SEO |Учебники по HTML / CSS |Учебные пособия по веб-дизайну и ведущий блог разработчиков Soh Tanaka

Разметка навигации после содержимого |CSS-хитрости

Мне особенно нравится комментарий (цитирование Google):

«Наша поисковая система также анализирует содержимое страницы.Однако вместо простого сканирования текста на основе страниц (которым могут манипулировать издатели сайтов с помощью мета-тегов) наша технология анализирует весь контент страницы и учитывает шрифты, подразделения и точное местоположение каждого слова ».

Источник: Обзор технологий Google

Звучит скорее как догадка, чем проверенный метод.Я склонен думать, что этот трюк - большая трата времени.

---

Я думаю, что это Мэтт Каттс: SEO советы для блоггеров - раннее размещайте ключевые слова на странице , где теорияприходит или, по крайней мере, получил дополнительную поддержку.

Answer 3

Не зная деталей того, как вы хотите, чтобы они упорядочивались, я бы порекомендовал вам использовать плавающие div-ы, чтобы получить вещи в нужном месте. Иногда порядок кода влияет на порядок отображения, но в других случаях это не так, если элементы div "перемещаются" по разным частям страницы. Трудно быть конкретным, не зная нужного вам макета.