Как влияют комментарии на позиции сайта


Как влияют комментарии на SEO-продвижение сайта?

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

Комментарии интернет-пользователей указывают на интерес к продукции, статье, графике или видео. Они позволяют получить представление о публикуемых материалах, а также представляют собой источник информации о том, как воспринимают бренд. Несмотря на это, некоторые сайты не дают возможности комментировать свой контент. Действительно ли принятие такой стратегии действий связано с тем, что комментарии имеют влияние на позицию страницы в результатах поиска? Какая связь между мнением пользователей и SEO? Как Google воспринимает оставленные комментарии?

Стоит ли допускать плохие комментарии на страницу

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

Как Google реагирует на комментарии пользователей?

Google постоянно обновляет свои алгоритмы, чтобы обеспечить пользователям контент, который наиболее соответствуют запросу, набранному в поисковой системе. Алгоритм Panda занимается анализом контента веб-сайтов с точки зрения их качества. Он ниже оценивает те веб-сайты, на которых находится спам, то есть контент низкого качества и неуникальные тексты. Как следствие, такие сайты получают более низкую позицию в результатах поиска.

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

Модерирование дискуссий – правильное управление комментариями

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

Помните, что алгоритм Panda обращает внимание как на опубликованную вами статью, так и на комментарии пользователей. Это означает, что мнения посетителей сайта имеют также влияние на общее качество сайта. В связи с этим, просматривая комментарии, удаляйте те, которые не будут соответствовать теме размещенного материала. Беспорядок технической информации в отзывах пользователей не только повлияет на снижение качества страницы, но также это повлияет на то, что «Панда» не узнает, с какой темой связать сервис.

Не следует забывать и о другом алгоритме от Google – Пингвин. С его помощью можно получить штраф за размещение исходящих ссылок на вашем сайте, которые могут быть просто спамом или вести на вредоносные сайты. Эта проблема может также касаться содержания, которое появляется в комментариях. Чтобы избежать проблем, можно просто установить атрибут nofollow для ссылок, публикуемых в отзывах пользователей. Благодаря этому, вставленные пользователем гиперссылки будут безвредны, а алгоритм Пингвин не наложит штраф.

Комментарии в интернете заслуживают внимания

Модерируя и размещая комментарии сайтах, вам следует придерживаться приведенных ниже советов.

  • Определите четкие правила комментирования и расскажите о них на сайте. Если вы определили правила, и каждый их знает, легче будет модерировать комментарии, и другие поймут, почему их пост не был принят. Если, кто-то не соблюдает правил, то не сможет предъявить к вам претензий.
  • Оставляйте комментарии, которые подписаны настоящим именем, или псевдонимом.
  • Обратите внимание на комментарии, которые оставляют люди, связанные с вашей отраслью. Благодаря этому вы будете строить деловые отношения и создавать имидж профессионала.
  • Позаботьтесь о качестве комментариев. Как для вас, так и для читателей интересны комментарии, которые что-то привносят. Менее важен комментарий типа «круто», который во многих случаях используют для продвижения собственного сайта, а не выражения мнения.
  • Отвечайте на вопросы, заданные в комментариях.
  • Ценными являются настоящие отзывы, которые выглядят спонтанными или написанными под влиянием реальных эмоций. Читая такой комментарий, остальные пользователи будут убеждены, что он не был опубликован по заказу и его автор выразил свои истинные мысли.

Комментарии интернет-пользователей – как они влияют на продвижение сайта?

4.2 (83.33%) 6 голосов

Влияют ли комментарии на SEO вашего контента?

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

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

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

Ответ: Да, комментарии могут отрицательно или положительно повлиять на ваше SEO.

Сет Годин, известный автор книги по маркетингу и спикер, однажды написал в своем блоге, объясняя, почему у него нет комментариев. По сути, основные причины заключались в том, что комментарии отнимали у него много времени и изменяли способ написания.

Однако это только одна сторона спектра, поскольку многие другие выступают за комментарии. Фактически, тематическое исследование Shout Me Loud показало положительный эффект на SEO при наличии комментариев в блогах. Гэри Иллис из Google, аналитик тенденций для веб-мастеров, в следующем разговоре в Twitter подтвердил, что комментарии являются частью общего качества сайта.

@jenstar подает в общее качество. Скажем, хороший контент, 5 баллов, отличные ссылки с отличных страниц, 2 балла, процветающее сообщество, 1 балл

- Гэри «鯨 理» Иллис (@methode) 27 апреля 2016 г.

Как комментарии влияют на SEO вашего контента

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

Спам в комментариях

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

Вы можете установить соответствующие меры по борьбе со спамерами, установив спам-фильтр, например Anti-Spam for WordPress.

Спамеры умнее, чем когда-либо, и могут замаскировать спам под законные комментарии. Однако это не повод для беспокойства, если вы используете ссылки для комментариев «nofollow». Мета-атрибут nofollow (или тег rel nofollow) используется для того, чтобы указать алгоритмам поисковых систем не передавать какую-либо «долю ссылок» конкретным ссылкам. WordPress делает это автоматически. Я фактически удалил возможность отправки ссылки на веб-сайт, и это значительно сокращает время, необходимое для модерации комментариев.

Плотность ключевого слова

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

Лично? Я не фокусируюсь на плотности ключевых слов, и это одна из причин, по которой я не использую Yoast для SEO.

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

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

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

Чтобы использовать этот инструмент, просто используйте CTRL + A (Windows) или Command + A (Mac), чтобы скопировать весь текст на странице. Вручную вставьте любые альтернативные тексты изображений в предоставленное текстовое пространство. Инструмент автоматически рассчитает плотность слов и словосочетаний.

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

Почему не следует избавляться от комментариев Раздел

Очевидно, что для большинства людей вопрос, следует ли удалять комментарии, является простым ответом: ни в коем случае! Я имею в виду ... комментарии - важный сигнал ранжирования, верно? Даже Google официально заявил о влиянии комментариев на качество сайта.

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

  1. Пользователи в основном создают для вас бесплатный контент
  2. Добавлены регистры контента в качестве обновления, что означает, что ваш контент «свежий».
  3. Он поддерживает интерес пользователей и возвращает их.
  4. Вовлеченные обсуждения удерживают пользователей на вашем сайте дольше
  5. Это создает больше Возможности для внутренних ссылок (и аффилированных)

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

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

Советы по поощрению комментариев на вашем сайте

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

К настоящему времени очевидно, что пользовательский контент в целом хорош для SEO, но как побудить людей оставлять комментарии?

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

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

  • Задайте вопрос, но убедитесь, что он открытый.
  • Создавайте контент, который побуждает читателей общаться, например обзоры влиятельных лиц, советы экспертов и контент из топ-листа.
  • Используйте визуальные эффекты с вашим контентом, например фотографиями и видео.
  • Комментируйте другие блоги или сайты единомышленников, используя свой URL.
  • Разжигайте разговоры, создавая противоречивый, наводящий на размышления или сильно самоуверенный контент.
  • Будьте активны в разделе комментариев на своем сайте, отвечая на все отзывы или предложения аудитории.
  • Поделитесь чем-нибудь эмоциональным.
  • Делитесь бесплатными ценностями, которых ваши читатели не получат больше нигде. Например, поделитесь чем-то, за изучение чего им пришлось бы платить.
  • Искренне просите читателей комментировать и поощряйте их делать это.
  • Создайте серию статей и опубликуйте их по согласованному графику.
  • Будьте увлечены тем, чем делитесь.

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

Натаниэлл

Привет, дамы и парни! Рад наконец познакомиться с вами, и я надеюсь, вам понравился этот пост.Меня зовут Натаниэлл, и я владелец еще одной чашки кофе. Я начал свой первый онлайн-бизнес в 2010 году, продвигая компьютерное программное обеспечение, и теперь помогаю новичкам начать свой собственный бизнес. Подпишитесь на мой рекомендуемый курс обучения №1 и узнайте, как начать свой бизнес БЕСПЛАТНО!

Из рубрик: Поисковая оптимизация, Обучение SEO С тегами: SEO

.Позиция

- Веб-технологии для разработчиков

Свойство CSS position задает способ позиционирования элемента в документе. Свойства верхний , правый , нижний и левый определяют окончательное расположение позиционированных элементов.

Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, клонируйте https: // github.com / mdn / interactive-examples и отправьте нам запрос на перенос.

Синтаксис

Позиция Свойство задается как одно ключевое слово, выбранное из списка значений ниже.

Значения

статический
Элемент размещается в соответствии с обычным потоком документа. Свойства верхний , правый , нижний , левый и z-index не имеют эффекта .Это значение по умолчанию.
родственник
Элемент позиционируется в соответствии с обычным потоком документа, а затем смещается на относительно себя на основе значений верхний , правый , нижний и левый . Смещение не влияет на положение других элементов; таким образом, пространство, отведенное для элемента в макете страницы, такое же, как если бы позиция была static .
Это значение создает новый контекст наложения, если значение z-index не равно auto .Его влияние на table - * - group , table-row , table-column , table-cell и table-caption элементов не определено.
абсолютное
Элемент удаляется из обычного потока документов, и пространство для него не создается в макете страницы. Он позиционируется относительно ближайшего предка, если таковой имеется; в противном случае он размещается относительно исходного содержащего блока. Его окончательное положение определяется значениями верхний , правый , нижний и левый .
Это значение создает новый контекст наложения, если значение z-index не равно auto . Поля абсолютно позиционированных блоков не сжимаются с другими полями.
фиксированная
Элемент удаляется из обычного потока документов, и пространство для него не создается в макете страницы. Он позиционируется относительно начального содержащего блока, установленного окном просмотра, за исключением случаев, когда один из его предков имеет преобразование , перспективу или фильтр , для которого установлено значение, отличное от none (см. Спецификацию преобразований CSS) , и в этом случае этот предок ведет себя как содержащий блок.(Обратите внимание, что есть несоответствия браузера с перспективой и фильтром , способствующим формированию блока.) Его окончательное положение определяется значениями верхний , правый , нижний и левый .
Это значение всегда создает новый контекст наложения. В печатных документах элемент размещается в одном и том же месте на каждой странице .
липкий
Элемент позиционируется в соответствии с обычным потоком документа, а затем смещается относительно своего ближайшего предка с прокруткой и содержащего блока (ближайшего предка на уровне блока), включая элементы, связанные с таблицей, на основе значений верхних , справа , снизу и слева .Смещение не влияет на положение других элементов.
Это значение всегда создает новый контекст наложения. Обратите внимание, что липкий элемент «прилипает» к своему ближайшему предку, у которого есть «механизм прокрутки» (создается, когда переполнение - скрыто , прокрутка , авто или оверлей ), даже если этот предок не t ближайший предок, выполняющий прокрутку. Это эффективно предотвращает любое «липкое» поведение (см. Проблему GitHub на W3C CSSWG).

Описание

Типы позиционирования

  • Позиционированный элемент - это элемент, для которого вычисленное значение позиции равно относительному , абсолютному , фиксированному или липкому . (Другими словами, это что угодно, кроме static .)
  • Элемент , расположенный относительно друг друга, - это элемент, для которого вычисленное значение позиции равно относительно . Свойства верхний и нижний определяют вертикальное смещение от его нормального положения; свойства left и right определяют горизонтальное смещение.
  • Абсолютно позиционированный элемент - это элемент, для которого вычисленное значение позиции равно абсолютное или фиксированное . Свойства верхний , правый , нижний и левый задают смещения от краев содержащего элемент блока. (Содержащий блок является предком, относительно которого позиционируется элемент.) Если у элемента есть поля, они добавляются к смещению. Элемент устанавливает новый контекст форматирования блока (BFC) для своего содержимого.
  • Элемент с липким позиционированием - это элемент, для которого вычисленное значение позиции равно липкое . Он считается относительно позиционированным до тех пор, пока содержащий его блок не пересечет указанный порог (например, для top установлено значение, отличное от auto) в его корне потока (или в контейнере, в котором он прокручивается), после чего он рассматривается как "застрявший" до тех пор, пока встречает противоположный край содержащего его блока.

В большинстве случаев абсолютно позиционированные элементы с высотой и шириной , установленной на авто , имеют размер, соответствующий их содержимому.Тем не менее, незамещенные, абсолютно позиционированные элементы можно сделать так, чтобы они заполняли доступное вертикальное пространство, указав как верхний , так и нижний и оставив неуказанным высоту (то есть авто ). Их также можно сделать так, чтобы они заполняли доступное горизонтальное пространство, указав слева и справа и оставив width как auto .

За исключением только что описанного случая (абсолютно позиционированные элементы, заполняющие доступное пространство):

  • Если указаны и верхний и нижний (технически, не авто ), выигрывает верхний .
  • Если указаны оба слева и справа , слева побеждает, если направление равно литра, (английский, горизонтальный японский и т. Д.) И справа побеждает, когда направление равно rtl (персидский, Арабский, иврит и др.).

Проблемы доступности

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

Производительность и доступность

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

Формальное определение

Формальный синтаксис

 статический | родственник | абсолютный | липкий | фиксированный 

Примеры

Относительное позиционирование

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

HTML
 
Один
Два
Три
Четыре
CSS
 .box { дисплей: встроенный блок; ширина: 100 пикселей; высота: 100 пикселей; фон: красный; цвет белый; } #два { положение: относительное; верх: 20 пикселей; слева: 20 пикселей; фон: синий; } 

Абсолютное позиционирование

Элементы, которые расположены относительно друг друга, остаются в обычном потоке документа.Напротив, элемент, который находится в абсолютном позиционировании, извлекается из потока; таким образом, другие элементы позиционируются так, как если бы его не было. Абсолютно позиционированный элемент позиционируется относительно своего ближайшего предка (т. Е. Ближайшего предка, который не равен static ). Если позиционированный предок не существует, он позиционируется относительно ICB (начальный содержащий блок - см. Также определение W3C), который является содержащим блоком корневого элемента документа.

HTML
 

Абсолютное позиционирование

Я элементарный элемент базового уровня. Соседние элементы уровня блока располагаются на новых строках ниже меня.

По умолчанию мы покрываем 100% ширины нашего родительского элемента, и мы достигаем высоты нашего дочернего содержимого. Наша общая ширина и высота - это наше содержимое + отступ + ширина / высота границы.

Нас разделяют наши поля. Из-за схлопывания полей нас разделяет ширина одного из полей, а не обоих.

встроенные элементы , подобные этому и this , располагаются на одной строке друг с другом и смежными текстовыми узлами, если на той же строке есть место. Переполняющиеся встроенные элементы переносятся на новую строку, если это возможно - например, этот, содержащий текст , или просто переходите к новой строке, если нет, как это будет с этим изображением:

CSS
 body { ширина: 500 пикселей; маржа: 0 авто; } п { фон: цвет морской волны; граница: сплошной синий цвет 3px; отступ: 10 пикселей; маржа: 10 пикселей; } span { фон: красный; граница: сплошной черный 1px; } .positioned { позиция: абсолютная; фон: желтый; верх: 30 пикселей; слева: 30 пикселей; } 
Результат

Фиксированное позиционирование

Фиксированное позиционирование аналогично абсолютному позиционированию, за исключением того, что содержащий блок элемента является начальным содержащим блоком, установленным окном просмотра , если только какой-либо предок не имеет преобразование , перспективу или свойство фильтра , установленное на что-то другое чем нет (см. Спецификацию преобразований CSS), что затем заставляет этого предка занять место элементов, содержащих блок.Это можно использовать для создания «плавающего» элемента, который остается в одном положении независимо от прокрутки. В приведенном ниже примере поле «Один» зафиксировано на расстоянии 80 пикселей от верхнего края страницы и 10 пикселей от левого края. Даже после прокрутки он остается на том же месте относительно области просмотра.

HTML
 

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nam congue Tortor Eget Pulvinar lobortis. Vestibulum ante ipsum primis в faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac dolor augue.Pellentesque mi mi, laoreet et dolor sit amet, ultrices varius risus. Nam vitae iaculis elit. Aliquam mollis interdum libero. Sed sodales placerat egestas. Vestibulum ut arcu aliquam purus viverra dictum vel sit amet mi. Duis nisl mauris, aliquam sit amet luctus eget, dapibus in enim. Sed velit augue, pretium a sem aliquam, congue porttitor toror. Sed tempor nisl a lorem conquat, id maximus erat aliquet. Sed sagittis porta libero sed condimentum. Aliquam finibus lectus nec ante congue rutrum.Curabitur quam quam, accumsan id ultrices, tempor et tellus.

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Nam congue Tortor Eget Pulvinar lobortis. Vestibulum ante ipsum primis в faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac dolor augue. Pellentesque mi mi, laoreet et dolor sit amet, ultrices varius risus. Nam vitae iaculis elit. Aliquam mollis interdum libero. Sed sodales placerat egestas. Vestibulum ut arcu aliquam purus viverra dictum vel sit amet mi.Duis nisl mauris, aliquam sit amet luctus eget, dapibus in enim. Sed velit augue, pretium a sem aliquam, congue porttitor toror. Sed tempor nisl a lorem conquat, id maximus erat aliquet. Sed sagittis porta libero sed condimentum. Aliquam finibus lectus nec ante congue rutrum. Curabitur quam quam, accumsan id ultrices, tempor et tellus.

Один
CSS
 .box { ширина: 100 пикселей; высота: 100 пикселей; фон: красный; цвет белый; } #один { положение: фиксированное; верх: 80 пикселей; слева: 10 пикселей; фон: синий; } .external { ширина: 500 пикселей; высота: 300 пикселей; переполнение: прокрутка; отступ слева: 150 пикселей; } 
Результат

Липкое позиционирование

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

 #one {позиция: липкая; верх: 10 пикселей; } 

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

Обычно липкое позиционирование используется для заголовков в алфавитном списке. Заголовок «B» будет отображаться сразу под элементами, которые начинаются с «A», пока они не будут прокручены за пределы экрана. Вместо того, чтобы перемещаться за пределы экрана вместе с остальным контентом, заголовок «B» останется закрепленным в верхней части области просмотра, пока все элементы «B» не будут прокручены за пределы экрана, после чего он будет закрыт буквой «C». заголовок и так далее.

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

HTML
 
А
Эндрю В.К.
Аппарат
Arcade Fire
У подъезда
Азиз Ансари
C
Chromeo
Обычный
Свести
Хрустальные замки
Курсив
E
Взрывы в небе
Т
Тед Лео & amp; Фармацевты
Т-Пейн
Трижды
Телевидение по радио
Два галанта
CSS
 * { размер коробки: рамка-рамка; } dl> div { фон: #FFF; отступ: 24px 0 0 0; } dt { фон: # B8C1C8; нижняя граница: сплошной 1px # 989EA4; border-top: 1px solid # 717D85; цвет: #FFF; шрифт: полужирный 18px / 21px Helvetica, Arial, sans-serif; маржа: 0; отступ: 2px 0 0 12px; позиция: -webkit-sticky; положение: липкое; верх: -1px; } dd { шрифт: полужирный, 20 пикселей / 45 пикселей, Helvetica, Arial, без засечек; маржа: 0; отступ: 0 0 0 12 пикселей; белое пространство: nowrap; } dd + dd { верхняя граница: сплошной 1px #CCC; } 
Результат

Технические характеристики

Совместимость с браузером

Обновите данные о совместимости на GitHub
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android Firefox Chrome для Android Firefox Android Chrome Android Chrome Opera для Android Safari на iOS Samsung Internet
позиция Chrome Полная поддержка 1 край Полная поддержка 12 Firefox Полная поддержка 1
Полная поддержка 1
Примечания До Firefox 57 абсолютное позиционирование не работало правильно при применении к элементам внутри таблиц, к которым применено border-collapse (ошибка 1379306).
Примечания До Firefox 30 абсолютное позиционирование строк таблицы и групп строк не поддерживалось (ошибка 63895).
IE Полная поддержка 4 Опера Полная поддержка 4 Safari Полная поддержка 1 WebView Android Полная поддержка ≤37 Chrome Android Полная поддержка 18 Firefox Android Полная поддержка 4
Полная поддержка 4
Примечания До Firefox 57 абсолютное позиционирование не работало корректно при применении к элементам внутри таблиц, к которым применено border-collapse (ошибка 1379306).
Примечания До Firefox 30 абсолютное позиционирование строк таблицы и групп строк не поддерживалось (ошибка 63895).
Opera Android Полная поддержка 14 Safari iOS Полная поддержка 1 Samsung Internet Android Полная поддержка 1.0
Абсолютно позиционированные гибкие дети Хром Полная поддержка 52 Кромка Полная поддержка 12 Firefox Полная поддержка 52 IE Полная поддержка 10 Опера Полная поддержка 39 Safari Полная поддержка 11 WebView Android Полная поддержка 52 Chrome Android Полная поддержка 52 Firefox Android Полная поддержка 52 Опера Android Полная поддержка 41 Safari iOS Полная поддержка 11 Samsung Internet Android Полная поддержка 6.0
фиксированный хром Полная поддержка 1 край Полная поддержка 12 Firefox Полная поддержка 1
Полная поддержка 1
Примечания До Firefox 44 позиция : фиксированная в большинстве случаев не создавала контекст стекирования.Firefox и его спецификация были изменены, чтобы имитировать долгое поведение Chrome и Safari.
IE Полная поддержка 7
Полная поддержка 7
Примечания В Internet Explorer фиксированное позиционирование не работает, если документ находится в режиме совместимости.
Opera Полная поддержка 4 Safari Полная поддержка 1 WebView Android Полная поддержка ≤37 Chrome Android Полная поддержка 18 Firefox Android Полная поддержка 4
Полная поддержка 4
Примечания До Firefox 44 позиция : фиксированная в большинстве случаев не создавала контекст стекирования.Firefox и его спецификация были изменены, чтобы имитировать долгое поведение Chrome и Safari.
Opera Android Полная поддержка 14 Safari iOS Полная поддержка 1 Samsung Internet Android Полная поддержка 1.0
Элементы стола в виде липких контейнеров для позиционирования Хром Полная поддержка 56 Кромка Полная поддержка 16 Firefox Полная поддержка 59 IE Нет поддержки Opera Полная поддержка 43 Safari Полная поддержка 8 WebView Android Полная поддержка 56 Chrome Android Полная поддержка 56 Firefox Android Полная поддержка 59 Opera Android Полная поддержка 43 Safari iOS Полная поддержка 8 Samsung Internet Android Полная поддержка 6.0
липкий Хром Полная поддержка 56 Кромка Полная поддержка 16 Firefox Полная поддержка 32
Полная поддержка 32
Нет поддержки 26 - 48
Отключено От версии 26 до версии 48 (эксклюзивная): эта функция стоит за макетом .css.sticky.enabled предпочтение (должно быть установлено на , истинное ). Чтобы изменить настройки в Firefox, посетите about: config.
IE Нет поддержки Opera Полная поддержка 43 Safari Полная поддержка 6,1
Полная поддержка 6.1
С префиксом Реализовано с префиксом поставщика: -webkit-
WebView Android Полная поддержка 56 Chrome Android Полная поддержка 56 Firefox Android Полная поддержка 32
Полная поддержка 32
Нет поддержки 26 - 48
Отключено От версии 26 до версии 48 (эксклюзивная): эта функция стоит за макетом .css.sticky.enabled предпочтение (должно быть установлено на , истинное ). Чтобы изменить настройки в Firefox, посетите about: config.
Opera Android Полная поддержка 43 Safari iOS Полная поддержка 6,1
Полная поддержка 6.1
С префиксом Реализовано с префиксом поставщика: -webkit-
Samsung Internet Android Полная поддержка 6.0

Обозначения

Полная поддержка
Полная поддержка
Нет поддержки
Нет поддержки
См. Примечания по реализации.
См. Примечания по реализации.
Пользователь должен явно включить эту функцию.
Пользователь должен явно включить эту функцию.
Для использования требуется префикс поставщика или другое имя.
Для использования требуется префикс поставщика или другое имя.
.

6 вещей, которые вам нужно знать

Продолжаются дискуссии о влиянии социальных сигналов на поисковый рейтинг веб-сайта.

Главный аргумент в том, что социальные сети не влияют напрямую на SEO.

Однако он оказывает влияние на факторы, которые действительно влияют на рейтинг, такие как трафик, то есть косвенно влияет на ваш рейтинг.

В этом посте вы узнаете некоторые важные факты о социальных сетях и их влиянии на вашу оптимизацию поисковой оптимизации.

# 1: Увеличивает трафик

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

Когда много людей делятся вашим контентом в своих сетях, они собираются направить на ваш сайт больше трафика и, следовательно, повысить ваш рейтинг.

Тематическое исследование CognitiveSEO показало, что их рейтинг по термину «изображения Google» поднялся с 74-го на 8-е место всего за один день.Этот быстрый рост рейтинга произошел сразу после того, как компания увидела 20000 уникальных посетителей с Reddit.

Источник изображения: CognitiveSEO

# 2: Рейтинг профилей в результатах поисковых систем

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

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

Например, посмотрите, как страница Texas Auto Center в Facebook занимает место чуть ниже местных пакетов при поиске по брендированным ключевым словам.

Источник изображения: результаты поиска Google

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

# 3: Повышение охвата вашего контента

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

Чем выше охват контента, тем выше качество трафика, что, опять же, влияет на ваш рейтинг. Мэтью Вудворд провел эксперимент, чтобы попытаться получить рейтинг по ключевому слову «нездоровая пища».«Хотя у него действительно была стратегия обратных ссылок, то, что действительно имело для него значение, были публикации в социальных сетях.

Как только кто-то поделился им в социальных сетях, им делились снова и снова, пока сам Джордж Такей не поделился постом. Его доля собрала более 16 000 лайков и более 8 800 репостов. Вскоре после этого пост получил избранный фрагмент для целевого поискового запроса. Это показывает, насколько эффективными могут быть репосты в социальных сетях, особенно когда в них участвует влиятельная личность в социальных сетях.

Источник изображения: Мэтью Вудворд

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

# 4: Платформы социальных сетей - это поисковые системы

Люди не просто используют поисковые системы для поиска информации. Благодаря надежным функциям поиска платформы социальных сетей также сами служат ценными поисковыми системами. Могут быть люди, которые обнаруживают ваш профиль, страницу или контент через поиск в социальных сетях.

Как вы можете видеть на следующем снимке экрана, некоторые из результатов поиска по запросу «стратегия контент-маркетинга» имеют заголовки, оптимизированные с помощью этой фразы.

Источник изображения: Facebook

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

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

# 5: Local SEO

Социальные сети также влияют на ваши локальные усилия по поисковой оптимизации несколькими способами.

Как вы уже знаете, ваша NAP (имя, адрес и номер телефона вашей компании) играет важную роль в рейтинге местного поиска.

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

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

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

Источник изображения: Instagram

Отзывы на ваших страницах в социальных сетях также помогают вам привлекать местных клиентов.

Опрос BrightLocal показал, что 86% потребителей читают отзывы о местных компаниях. Как вы узнали из предыдущих пунктов, ваши профили в социальных сетях отображаются в результатах поиска и отображают фрагменты отзывов.

Это может побудить любопытную местную аудиторию посетить вашу страницу в социальных сетях.

# 6: YouTube SEO

Видео на YouTube занимают видное место в результатах поиска. Фактически, популярные и релевантные видеоролики YouTube будут первыми, которые появятся при определенных запросах.

Посмотрите, как следующее видео о том, как удалить вашу учетную запись Instagram, занимает весь экран страницы результатов поиска.

Источник изображения: результаты поиска Google

Кроме того, вы по-прежнему будете видеть карусели после первых результатов поиска, как вы можете видеть на снимке экрана ниже.

Источник изображения: результаты поиска Google

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

Заключение

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

Кроме того, ваши профили в социальных сетях и видео на YouTube также входят в число обычных результатов поиска.Поэтому их оптимизация для поисковых систем определенно улучшит вашу общую стратегию SEO.

Есть еще идеи о влиянии социальных сетей на SEO? Дайте нам знать в комментариях ниже.

Шейн Баркер - консультант по цифровому маркетингу уже 15 лет. Он специализируется на воронках продаж, целевом трафике и конверсиях веб-сайтов. Он консультировал компании из списка Fortune 500, влиятельных лиц с цифровыми продуктами и ряд знаменитостей из списка A-List.Вы можете связаться с Шейном в Facebook, Twitter, YouTube, Instagram и LinkedIn или посетить его веб-сайт.
.

лучших практик для ускорения работы вашего веб-сайта

разработчик

  • Открытый источник
  • API
  • Реклама