Close

Кейс: нужен ли длинный текст в описаниях категорий интернет-магазинов

Создание длинных оптимизированных текстов для разделов каталога интернет-магазина — популярная практика SEO. Часто такие тексты создаются исключительно с целью продвижения, без учета задач и интересов целевого пользователя.  Google неоднократно заявлял, что это не только бесполезный метод, но и опасный. При обработке такого текста размывается релевантность, так как он мало соответствует интенту пользователя и функциям продвигаемой […]

Подробнее

Исследование: какие типы микроразметки чаще используются в разных тематиках

Микроразметка помогает поисковым алгоритмам быстрее и точнее определять тематику страницы и выделять данные, которые можно показать пользователю в поисковом ответе на запрос. С микроразметкой появляется возможность выделить важные фрагменты данных и показать их целевой аудитории непосредственно в выдаче, что потенциально повышает вероятность клика. Компания BrightEdge провела исследование по следующим тематикам: образование; путешествие; финансы; ремонт и […]

Подробнее

Обогащенные ответы в выдаче Яндекс: эксперимент HH.ru

Недавно Яндекс запустил в выдаче обновленный блок с универсальными обогащенными ответами. Блок содержит результаты с разных сайтов, по которым удобно ориентироваться пользователю: он сразу видит суть предложения и может принять решение о переходе. Обогащенные ответ — это вариант развернутых сниппетов, в которых содержатся дополнительные данные кроме описания компаний: картинки, ссылки на релевантные запросу разделы сайта, […]

Подробнее

А/В тест: как количество внутренних ссылок на тематические страницы влияет на трафик

Команда SearchPilot провела интересный А/В тест с целью выяснить, оказывают ли какое-то влияние внутренние ссылки на тематические страницы и материалы на органический трафик.  Для эксперимента был выбран информационный раздел интернет-магазина, а количество ссылок на тематические материалы на каждой странице увеличено с 2 до 4.  Опрос подписчиков в Twitter показал, что 39,1% оптимизаторов неуверенно полагают, что […]

Подробнее

Как изменить цвет кнопки?

Для изменения цвета фона и текста кнопки используем, соответственно, свойства background и color, добавляя их к селектору button, как показано в примере 1. Пример 1. Цветные кнопки <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Кнопки</title> <style> button { background: #008EB0; /* Синий цвет фона */ color: #fff; /* Белый цвет текста */ border: none; /* Убираем рамку […]

Подробнее

Как изменить вид нажатой кнопки?

Чтобы пользователь понимал, что его щелчок по кнопке сработал, в момент щелчка меняют вид самой кнопки. Для этого используется псевдокласс :active, который добавляется к селектору button. Стилевые правила для этого селектора определяют вид нажатой кнопки (пример 1). Пример 1. Использование :active <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Кнопка</title> <style> button { border: 2px solid #e34761; /* […]

Подробнее

Как запретить изменение размеров ?

В правом нижнем углу текстового поля <textarea> есть небольшой уголок (рис. 1) с помощью которого мышью можно изменить размеры поля. Рис. 1. Вид текстового поля Вид уголка в браузерах может различаться, но его функция остаётся одинаковой — если щёлкнуть мышью и потянуть за уголок, то можно изменить размеры поля. Чтобы запретить эту возможность, следует для селектора textarea […]

Подробнее

Как сделать, чтобы фон не повторялся?

По умолчанию фоновая картинка повторяется по горизонтали и вертикали, выстраиваясь мозаикой по всему элементу. Такое поведение не всегда требуется, часто картинка используется для стилизации и должна выводиться только один раз. Для этого к свойству background-repeat добавляется значение no-repeat, как показано в примере 1. Пример 1. Фон веб-страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Фон</title> <style> body […]

Подробнее

Как сделать фоновую картинку на всю ширину?

Для изменения размеров фоновой картинки используется свойство background-size. Значение 100% масштабирует изображение на всю доступную ширину, при этом высота будет задана автоматически, исходя из пропорций картинки (пример 1). Пример 1. Использование background-size <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ширина фона</title> <style> body { background-image: url(/example/image/shark.jpg); /* Адрес картинки */ background-size: 100%; /* Ширина картинки */ } […]

Подробнее

Как сделать фон полупрозрачным?

Для создания цветного фона разной степени прозрачности применяется свойство background или background-color, в качестве значения указывается функция rgba(), в которой цвет задаётся четырьмя параметрами: красная, зелёная, синяя составляющая цвета и уровень прозрачности. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности. Чтобы полупрозрачность элемента была заметна, под него следует подложить фоновую […]

Подробнее
Яндекс.Метрика
Открыть чат
Если есть вопросы пишите нам
Здравствуйте.
Чем вам помочь?