Как скрыть текст или контент в SEO дружественным образом

1. Позиция Google
2. Рекомендации для подражания
3. Как скрыть текст с помощью jQuery
4. Автор Девеш Шарма

Скрытый текст является одним из старейших методов SEO в этой книге. Любой, кто достаточно взрослый, чтобы просматривать веб-страницы в начале 00-х, когда Google был велик, но его алгоритм был гораздо менее изощренным, вы наверняка помните все способы, которыми люди пытались воспроизвести результаты поиска. Одним из них было создание огромных списков ключевых слов или даже целых украденных статей и скрытие их на странице. Иногда сценарии скрывали содержимое. Иногда это было так просто, как черный текст на черном фоне. Иногда владелец сайта устанавливает размер шрифта равным 1, чтобы он был чуть больше черной линии. В любом случае быстро стало очевидно, что скрытый или невидимый текст никогда не был нацелен на пользователей и всегда был направлен на поиск неорганическим образом. Google быстро положил этому конец.

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

С часто задаваемыми вопросами у вас есть три варианта отображения ответов на вопросы. Первый вариант - сделать их видимыми и готовыми для чтения и сканирования. Это хорошо, и это то, что большинство сайтов делают в эти дни. Второй вариант, который был гораздо более распространенным несколько лет назад, состоял в том, чтобы сделать каждый вопрос ссылкой и направить эту ссылку на страницу, которая ответила на вопрос. В наши дни это не лучший вариант, потому что это часто означает дюжину или более страниц, содержащих только 100-200 слов, что, по мнению Google, будет считаться тонким контентом.

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

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

Позиция Google

Что на самом деле говорит Google о скрытом тексте? В конце концов, прошло довольно много лет с тех пор, как это было большой проблемой, и большинство людей отошло от идеи его использования.

Официальная страница Google является частью рекомендаций по качеству и можно найти здесь , Ради этого поста я обобщу его для вас.

• Скрытие текста и ссылок на вашем сайте может считаться обманчивым и является нарушением правил для веб-мастеров.
• Методы сокрытия текста включают в себя сопоставление шрифта и цвета фона, размещение изображения поверх текста, использование CSS для позиционирования текста за пределами экрана, установка размера шрифта равным 1 или 0 или скрытие ссылки путем привязки только точки или другого маленького символа.
• Не весь скрытый текст считается обманчивым. Текст, спрятанный за сценариями или в файлах Flash, все еще может быть полезен пользователям
• Google рекомендует, чтобы любой текст, скрытый в скрипте или видео, также публиковался в виде открытого текста, используя <noscript> и другие методы.

Основное правило заключается в том, виден ли текст на вашем сайте. В случае JQuery скрытого DIV с раскрывающейся ссылкой текст становится легко видимым и, следовательно, не считается скрытым. Вы делаете это не для того, чтобы скрыть текст от пользователей, а для того, чтобы сделать ваш пользовательский интерфейс и дизайн своего сайта немного лучше.

Одной из проблем, с которой вы можете столкнуться, является сценарий, который вы используете, скрывая текст от пользователей, у которых не включены сценарии. В этом случае вы захотите использовать вышеуказанный тег <noscript> вокруг копии текста, чтобы его могли видеть пользователи без включенных сценариев. Для тестирования используйте браузер, такой как Lynx, или используйте расширение NoScript для своего браузера и посмотрите, как выглядит ваш сайт.

Рекомендации для подражания

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

Во-первых, избегайте признаков манипуляций с черной шляпой. Google списки выше , Подходящие цвета, размеры шрифтов и другие проблемы легко обнаружить и оштрафовать Google, и они повредят весь ваш сайт. Даже не экспериментируйте с ними; даже если ваш рейтинг в поиске ухудшается в течение нескольких дней, потеря доверия делает вас менее устойчивыми к будущим проблемам или к конкуренции.

Затем убедитесь, что в теги <noscript> включена текстовая копия текста, который вы прячете . Я не могу подчеркнуть это достаточно. Это делает его видимым для пользователей без сценариев и сообщает Google, что вы не пытаетесь скрыть текст от пользователей.

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

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

Всегда помните, что Google склонен обесценивать контент, скрытый за сценариями, даже если вы предоставляете версию <noscript>. У них есть упоминалось ранее этот скрытый контент будет проиндексирован, но, скорее всего, ему будет придан гораздо меньший вес, чем видимому контенту, особенно потому, что он скрыт. Это справедливо независимо от цели содержания; только когда сам контент предназначен для игры в поисковые системы, такие как списки ключевых слов и многочисленные ссылки, вы попадаете на штрафную территорию. Другими словами, даже в лучшем случае вы не получите полную ценность вашего текста.

Итак, когда вы должны использовать скрытый текст?

• Пользовательские обзоры продуктов могут быть сокращены до 100 символов или около того и скрыты с помощью «Подробнее».
• Стенограммы для видео могут быть в первую очередь скрыты, если видео не является основным фокусом страницы.
• Любая страница, которая не индексируется по умолчанию - например, внутренняя поддержка или контент только для участников - может быть скрыта сколько угодно, поскольку Google не будет индексировать страницу с самого начала.
• Выпадающий текст в меню и навигации прекрасно. Google касается только «основного содержимого тела», которое может быть скрыто и не должно быть.

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

Как скрыть текст с помощью jQuery

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

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

<script type = "text / javascript" src = "// code.jquery.com/jquery-1.11.0.min.js"> </ script>

В верхней части вашей страницы. Тем не менее, если вы используете WordPress, Drupal или другую крупную CMS, есть вероятность, что jQuery уже включен для других функций и использования плагинов.

Далее, все еще в верхней части страницы, вам нужно будет запустить свой настоящий скрипт. Это будет открыватель <script> и некоторый код, найденный на эта страница , Вы можете увидеть функцию вверху, которая определяет, как ответная часть часто задаваемых вопросов открывается и закрывается с анимацией попаданий. Ниже вы видите тег </ script>, заканчивающий скрипт.

Тогда у вас есть CSS, который вам нужен, чтобы интегрировать скрипт в ваш контент. В разделе стилей есть два бита; один для вопроса и один для ответа. Отформатируйте их так, как вам нравится.

Наконец, у вас есть отдельные DIV. Это входит в ваш контент. У DIV есть класс, который ссылается на скрипт, в данном случае faq_container. Внутри него находится класс faq, а внутри - класс для вопроса и класс для ответа. Каждый из них имеет элементы script, связанные с ним выше, поэтому ни один из форматирования или сценариев не должен идти в самом div. Вы можете увидеть, где находятся записи «здесь вопрос» и «здесь ответ»; это открытый текст, который вы увидите, когда вопрос будет расширен. Повторите всю структуру div для каждого вопроса и набора ответов.

Существует также метод, который вы можете использовать для замены текста в рамке или ниже определенной точки в зависимости от нажатой ссылки. Это обычно используется для макета на основе вкладок, хотя может использоваться различными способами, вплоть до вашего воображения. Вместо того, чтобы объяснять код здесь, я просто свяжу вас с другим пример страницы на GuideFaq.com (теперь SpringShare.com) , Вы также можете увидеть основной список различных переключателей и скрытых примеров DIV Вот ,

В конце концов, существует огромное количество возможных способов переключения видимости фрагмента текста. Новые необычные функции HTML и CSS могут включать в себя постепенное появление и другой контент на основе прокрутки. Панели приветствия, вставки и лайтбоксы - это обычное использование «скрытого» текста, но опять же, ни один из них не является основным содержанием страницы. Все они являются дополнительными CTA и пытаются заставить людей зарегистрироваться для списков рассылки. Таким образом, Google будет игнорировать их и индексировать, и вам все равно, будут ли они отображаться в поиске.

Честно говоря, большинство причин использовать скрытый текст в значительной степени бессмысленно. Вы также столкнетесь с проблемой скорости сайта при загрузке сценариев в верхней части сайта. Сценарий должен загружаться для загрузки контента, и контент должен загружаться до того, как Google сочтет страницу полностью загруженной. Вам придется поиграть с асинхронной загрузкой, если вы хотите сохранить все значения вашей страницы от быстрой загрузки.

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

Автор Девеш Шарма

Девеш Шарма - энтузиаст WordPress и основатель WPKube блог WordPress, посвященный темам, плагинам, учебным пособиям и модификациям WordPress.

Похожие

Комментарии