Анализ сайта manypixels.co
Основное Готовность: 70%
Домен
manypixels.co
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Кол-во редиректов 3 слишком большое! Проверьте настройки сайта и веб-сервера!
Цепочка редиректов:
http://manypixels.co
301 MovedPermanently
https://manypixels.co/
301 MovedPermanently
https://www.manypixels.co/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~0,72сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,72сек оптимальна.
Объем документа
244Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 244Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 12
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 12 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | text/css | https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/css/mpixels-26.webflow.shared.8bb5001e5.css |
| stylesheet | https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css | |
| js | text/javascript | https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=69b15b68fb5a0ea0e6ef48b2 |
| js | text/javascript | https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/js/webflow.schunk.f2efb3c5440a81cf.js |
| js | text/javascript | https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/js/webflow.schunk.3653754b3af8615e.js |
| js | text/javascript | https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/js/webflow.5860ad58.5d38782c6b916a2a.js |
| js | text/javascript | https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js |
| js | text/javascript | https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js |
| js | https://manypixels.vercel.app/index.js | |
| js | text/javascript | //js.hs-scripts.com/8908910.js |
| js | https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js | |
| js | https://manypixels.vercel.app/pages/home.js |
Серверные заголовки
Кол-во: 15
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 15шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 13:15:15 GMT |
| cf-ray | a2f2252b8b36f11b-DME |
| cf-cache-status | HIT |
| Age | 1483143 |
| x-wf-region | us-east-1 |
| Link | <https://cdn.prod.website-files.com>; rel=preconnect; crossorigin, <https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/css/mpixels-26.webflow.shared.8bb5001e5.css>; rel=preload; as=style; crossorigin; integrity="sha384-i7UAHl5qYgUpQO3GENcEQ/Z+Ah4bAgd7HlJn7Tad+JgvFaxWxXCsvV/iYx5eN2Qw", <https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css>; rel=preload; as=style |
| Server | cloudflare |
| Strict-Transport-Security | max-age=31536000 |
| Vary | accept-encoding |
| Content-Security-Policy | frame-ancestors 'self' |
| surrogate-control | max-age=2147483647 |
| surrogate-key | www.manypixels.co 69b15b68fb5a0ea0e6ef48b2 pageId:69b15b68fb5a0ea0e6ef488a |
| X-Frame-Options | SAMEORIGIN |
| x-lambda-id | 0fc62b28-d39e-4974-a005-6481ed6e3f71 |
| Alt-Svc | h3=":443" |
CMS
Webflow
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS Webflow.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 48%
Title
ManyPixels | Graphic Design Subscription Service
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо уменьшить число символов в title (текущее значение: 48, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Skip the hiring. Get professional graphic design for a flat monthly rate — social media, web design, illustrations and more. 150,000+ projects delivered.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 153, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://www.manypixels.co
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 4
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:title | ManyPixels | Graphic Design Subscription Service |
| og:description | Skip the hiring. Get professional graphic design for a flat monthly rate — social media, web design, illustrations and more. 150,000+ projects delivered. |
| og:image | https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/69e9746b874d991341e8365d_b6da94470a0d676bf04e34306e5f9010_manypixels%202.0%20thumbnail.jpg |
| og:type | website |
Все мета-теги
Кол-во: 9
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 9шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | description | Skip the hiring. Get professional graphic design for a flat monthly rate — social media, web design, illustrations and more. 150,000+ projects delivered. |
| name | twitter:title | ManyPixels | Graphic Design Subscription Service |
| name | twitter:description | Skip the hiring. Get professional graphic design for a flat monthly rate — social media, web design, illustrations and more. 150,000+ projects delivered. |
| name | twitter:card | summary_large_image |
| name | viewport | width=device-width, initial-scale=1 |
| property | og:title | ManyPixels | Graphic Design Subscription Service |
| property | og:description | Skip the hiring. Get professional graphic design for a flat monthly rate — social media, web design, illustrations and more. 150,000+ projects delivered. |
| property | og:image | https://cdn.prod.website-files.com/69b15b68fb5a0ea0e6ef48b2/69e9746b874d991341e8365d_b6da94470a0d676bf04e34306e5f9010_manypixels%202.0%20thumbnail.jpg |
| property | og:type | website |
Оптимизация Готовность: 77%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в единственном экземпляре).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Среднее число слов в абзаце 7 слишком мало. Сделайте контент более читаемым!
Слова из title 5 встречаются в тексте достаточно.
Абзацев с текстом 93 достаточно.
Кол-во знаков контента 6815 на странице оптимально.
Кол-во слов 1063 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 11. Это хорошо.
На странице присутствуют заголовки <h3> 64.
Тошнота
6,16
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
20,88%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| design | 38 | 3,57% |
| designer | 16 | 1,51% |
| started | 12 | 1,13% |
| marketing | 7 | 0,66% |
| identity | 7 | 0,66% |
| service | 7 | 0,66% |
| manypixels | 7 | 0,66% |
| designs | 7 | 0,66% |
| delivered | 7 | 0,66% |
| graphics | 7 | 0,66% |
| illustrations | 6 | 0,56% |
| creative | 6 | 0,56% |
| entire | 5 | 0,47% |
| reviews | 5 | 0,47% |
| graphic | 5 | 0,47% |
| designers | 5 | 0,47% |
| projects | 5 | 0,47% |
| motion | 4 | 0,38% |
| presentation | 4 | 0,38% |
| subscription | 4 | 0,38% |
Индексация Готовность: 80%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 54 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Кол-во редиректов для файла robots.txt 3 слишком большое! Это может вызывать затруднение при индексации поисковыми роботами!
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://manypixels.co/robots.txt
301 MovedPermanently
https://manypixels.co/robots.txt
301 MovedPermanently
https://www.manypixels.co/robots.txt
200 OK
Показать содержимое robots.txt
User-agent: *
Allow: /
Disallow: /pricing-sale
Disallow: /search
Disallow: /dev
Sitemap: https://www.manypixels.co/sitemap.xml
Sitemap
Кол-во: 1
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt содержит карту сайта. Это прекрасно!
Robots.txt не содержит ошибок в карте сайта.
Показать карту сайта
| Url | Статус |
|---|---|
| https://www.manypixels.co/sitemap.xml |
|
Внутренние ссылки
Кол-во: 22
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 22 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 15.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /pricing |
<div class="button_text_wrapper"><div class="button_text">Pick your plan</div><div class="button_text hover">Pick your plan</div><div class="button_text pressed">Pick your plan</div></div><span class="button_hover_overlay"></span><span class="button_hover_press"></span><div class="button_styles w-embed"><style>
.button:hover .button_hover_overlay {
opacity: 1;
}
/* 2. On Press (:active): Show the press overlay */
.button:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button:active .button_hover_overlay {
opacity: 0;
}
.form_button_wrapper:hover .button_hover_overlay {
opacity: 1;
}
.form_button_wrapper:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.form_button_wrapper:active .button_hover_overlay {
opacity: 0;
}
.button[data-wf--button-new--variant="light-blue-outline"]{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2250%22%20viewBox%3D%220%200%20159%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H149C154.247%200.500001%20158.5%204.7533%20158.5%2010V40C158.5%2045.2467%20154.247%2049.5%20149%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_119836)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_119836%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351BDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230099F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_overlay,
.button[data-wf--button-new--variant="black-outline"] .button_hover_overlay{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120262)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120262%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230099F6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230082D1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_press,
.button[data-wf--button-new--variant="black-outline"] .button_hover_press{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120263)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120263%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230082D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006BAC%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_text{
background: linear-gradient(180deg, #51BDFF -205%, #0099F6 300%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text{
background: var(--Gradient-Dark-Light-Blue, linear-gradient(180deg, #51BDFF 0%, #0099F6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.hover{
background: linear-gradient(180deg, #0099F6 0%, #0082D1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.pressed{
background: linear-gradient(180deg, #0082D1 0%, #006BAC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_text.hover{
opacity: 1;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.25rem;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.375rem;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
opacity: 1 !important;
}
/* 2. On Press (:active): Show the press overlay */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.pressed {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.hover {
opacity: 0;
}
</style></div>
|
|
Анализировать url |
| /our-work |
Our work
|
|
Анализировать url |
| /pricing |
Pricing
|
|
Анализировать url |
| /demo |
<div class="button_text_wrapper"><div class="button_text">Book a Call</div><div class="button_text hover">Book a Call</div><div class="button_text pressed">Book a Call</div></div><span class="button_hover_overlay"></span><span class="button_hover_press"></span><div class="button_styles w-embed"><style>
.button:hover .button_hover_overlay {
opacity: 1;
}
/* 2. On Press (:active): Show the press overlay */
.button:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button:active .button_hover_overlay {
opacity: 0;
}
.form_button_wrapper:hover .button_hover_overlay {
opacity: 1;
}
.form_button_wrapper:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.form_button_wrapper:active .button_hover_overlay {
opacity: 0;
}
.button[data-wf--button-new--variant="light-blue-outline"]{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2250%22%20viewBox%3D%220%200%20159%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H149C154.247%200.500001%20158.5%204.7533%20158.5%2010V40C158.5%2045.2467%20154.247%2049.5%20149%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_119836)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_119836%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351BDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230099F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_overlay,
.button[data-wf--button-new--variant="black-outline"] .button_hover_overlay{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120262)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120262%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230099F6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230082D1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_press,
.button[data-wf--button-new--variant="black-outline"] .button_hover_press{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120263)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120263%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230082D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006BAC%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_text{
background: linear-gradient(180deg, #51BDFF -205%, #0099F6 300%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text{
background: var(--Gradient-Dark-Light-Blue, linear-gradient(180deg, #51BDFF 0%, #0099F6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.hover{
background: linear-gradient(180deg, #0099F6 0%, #0082D1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.pressed{
background: linear-gradient(180deg, #0082D1 0%, #006BAC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_text.hover{
opacity: 1;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.25rem;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.375rem;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
opacity: 1 !important;
}
/* 2. On Press (:active): Show the press overlay */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.pressed {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.hover {
opacity: 0;
}
</style></div>
|
|
Анализировать url |
| /demo |
<div class="button_text_wrapper"><div class="button_text">Book a Call</div><div class="button_text hover">Book a Call</div><div class="button_text pressed">Book a Call</div></div><span class="button_hover_overlay"></span><span class="button_hover_press"></span><div class="button_styles w-embed"><style>
.button:hover .button_hover_overlay {
opacity: 1;
}
/* 2. On Press (:active): Show the press overlay */
.button:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button:active .button_hover_overlay {
opacity: 0;
}
.form_button_wrapper:hover .button_hover_overlay {
opacity: 1;
}
.form_button_wrapper:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.form_button_wrapper:active .button_hover_overlay {
opacity: 0;
}
.button[data-wf--button-new--variant="light-blue-outline"]{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2250%22%20viewBox%3D%220%200%20159%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H149C154.247%200.500001%20158.5%204.7533%20158.5%2010V40C158.5%2045.2467%20154.247%2049.5%20149%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_119836)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_119836%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351BDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230099F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_overlay,
.button[data-wf--button-new--variant="black-outline"] .button_hover_overlay{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120262)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120262%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230099F6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230082D1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_press,
.button[data-wf--button-new--variant="black-outline"] .button_hover_press{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120263)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120263%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230082D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006BAC%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_text{
background: linear-gradient(180deg, #51BDFF -205%, #0099F6 300%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text{
background: var(--Gradient-Dark-Light-Blue, linear-gradient(180deg, #51BDFF 0%, #0099F6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.hover{
background: linear-gradient(180deg, #0099F6 0%, #0082D1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.pressed{
background: linear-gradient(180deg, #0082D1 0%, #006BAC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_text.hover{
opacity: 1;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.25rem;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.375rem;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
opacity: 1 !important;
}
/* 2. On Press (:active): Show the press overlay */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.pressed {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.hover {
opacity: 0;
}
</style></div>
|
|
Анализировать url |
| /our-work |
<div class="button_text_wrapper"><div class="button_text">ALL OUR WORK</div><div class="button_text hover">ALL OUR WORK</div><div class="button_text pressed">ALL OUR WORK</div></div><span class="button_hover_overlay w-variant-a84ccbe2-667b-c3df-ada5-085885bff66f"></span><span class="button_hover_press w-variant-a84ccbe2-667b-c3df-ada5-085885bff66f"></span><div class="button_styles w-embed"><style>
.button:hover .button_hover_overlay {
opacity: 1;
}
/* 2. On Press (:active): Show the press overlay */
.button:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button:active .button_hover_overlay {
opacity: 0;
}
.form_button_wrapper:hover .button_hover_overlay {
opacity: 1;
}
.form_button_wrapper:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.form_button_wrapper:active .button_hover_overlay {
opacity: 0;
}
.button[data-wf--button-new--variant="light-blue-outline"]{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2250%22%20viewBox%3D%220%200%20159%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H149C154.247%200.500001%20158.5%204.7533%20158.5%2010V40C158.5%2045.2467%20154.247%2049.5%20149%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_119836)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_119836%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351BDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230099F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_overlay,
.button[data-wf--button-new--variant="black-outline"] .button_hover_overlay{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120262)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120262%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230099F6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230082D1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_press,
.button[data-wf--button-new--variant="black-outline"] .button_hover_press{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120263)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120263%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230082D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006BAC%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_text{
background: linear-gradient(180deg, #51BDFF -205%, #0099F6 300%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text{
background: var(--Gradient-Dark-Light-Blue, linear-gradient(180deg, #51BDFF 0%, #0099F6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.hover{
background: linear-gradient(180deg, #0099F6 0%, #0082D1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.pressed{
background: linear-gradient(180deg, #0082D1 0%, #006BAC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_text.hover{
opacity: 1;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.25rem;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.375rem;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
opacity: 1 !important;
}
/* 2. On Press (:active): Show the press overlay */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.pressed {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.hover {
opacity: 0;
}
</style></div>
|
|
Анализировать url |
| /wall-of-love |
<div class="button_text_wrapper"><div class="button_text">View all reviews</div><div class="button_text hover">View all reviews</div><div class="button_text pressed">View all reviews</div></div><span class="button_hover_overlay w-variant-a84ccbe2-667b-c3df-ada5-085885bff66f"></span><span class="button_hover_press w-variant-a84ccbe2-667b-c3df-ada5-085885bff66f"></span><div class="button_styles w-embed"><style>
.button:hover .button_hover_overlay {
opacity: 1;
}
/* 2. On Press (:active): Show the press overlay */
.button:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button:active .button_hover_overlay {
opacity: 0;
}
.form_button_wrapper:hover .button_hover_overlay {
opacity: 1;
}
.form_button_wrapper:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.form_button_wrapper:active .button_hover_overlay {
opacity: 0;
}
.button[data-wf--button-new--variant="light-blue-outline"]{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2250%22%20viewBox%3D%220%200%20159%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H149C154.247%200.500001%20158.5%204.7533%20158.5%2010V40C158.5%2045.2467%20154.247%2049.5%20149%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_119836)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_119836%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351BDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230099F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_overlay,
.button[data-wf--button-new--variant="black-outline"] .button_hover_overlay{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120262)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120262%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230099F6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230082D1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_press,
.button[data-wf--button-new--variant="black-outline"] .button_hover_press{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120263)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120263%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230082D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006BAC%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_text{
background: linear-gradient(180deg, #51BDFF -205%, #0099F6 300%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text{
background: var(--Gradient-Dark-Light-Blue, linear-gradient(180deg, #51BDFF 0%, #0099F6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.hover{
background: linear-gradient(180deg, #0099F6 0%, #0082D1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.pressed{
background: linear-gradient(180deg, #0082D1 0%, #006BAC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_text.hover{
opacity: 1;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.25rem;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.375rem;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
opacity: 1 !important;
}
/* 2. On Press (:active): Show the press overlay */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.pressed {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.hover {
opacity: 0;
}
</style></div>
|
|
Анализировать url |
| /demo |
<div class="button_text_wrapper"><div class="button_text">Book a Call</div><div class="button_text hover">Book a Call</div><div class="button_text pressed">Book a Call</div></div><span class="button_hover_overlay w-variant-c5f0cde2-d471-d91c-a961-832325a34145"></span><span class="button_hover_press w-variant-c5f0cde2-d471-d91c-a961-832325a34145"></span><div class="button_styles w-embed"><style>
.button:hover .button_hover_overlay {
opacity: 1;
}
/* 2. On Press (:active): Show the press overlay */
.button:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button:active .button_hover_overlay {
opacity: 0;
}
.form_button_wrapper:hover .button_hover_overlay {
opacity: 1;
}
.form_button_wrapper:active .button_hover_press {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.form_button_wrapper:active .button_hover_overlay {
opacity: 0;
}
.button[data-wf--button-new--variant="light-blue-outline"]{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22159%22%20height%3D%2250%22%20viewBox%3D%220%200%20159%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H149C154.247%200.500001%20158.5%204.7533%20158.5%2010V40C158.5%2045.2467%20154.247%2049.5%20149%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_119836)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_119836%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351BDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230099F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_overlay,
.button[data-wf--button-new--variant="black-outline"] .button_hover_overlay{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120262)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120262%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230099F6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230082D1%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_hover_press,
.button[data-wf--button-new--variant="black-outline"] .button_hover_press{
border-image: url("data:image/svg+xml,%3Csvg%20width%3D%22121%22%20height%3D%2250%22%20viewBox%3D%220%200%20121%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.5H111C116.247%200.500001%20120.5%204.7533%20120.5%2010V40C120.5%2045.2467%20116.247%2049.5%20111%2049.5H10C4.7533%2049.5%200.5%2045.2467%200.5%2040V10C0.5%204.7533%204.7533%200.5%2010%200.5Z%22%20stroke%3D%22url(%23paint0_linear_2986_120263)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2986_120263%22%20x1%3D%2260.5%22%20y1%3D%220%22%20x2%3D%2260.5%22%20y2%3D%2250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230082D1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23006BAC%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 10 / 0.625rem stretch;
}
.button[data-wf--button-new--variant="light-blue-outline"] .button_text{
background: linear-gradient(180deg, #51BDFF -205%, #0099F6 300%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text{
background: var(--Gradient-Dark-Light-Blue, linear-gradient(180deg, #51BDFF 0%, #0099F6 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.hover{
background: linear-gradient(180deg, #0099F6 0%, #0082D1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"] .button_text.pressed{
background: linear-gradient(180deg, #0082D1 0%, #006BAC 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_text.hover{
opacity: 1;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:hover .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.25rem;
}
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
background-color: rgba(0, 153, 246, 0.30);
height: 0.375rem;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_hover_overlay{
opacity: 1 !important;
}
/* 2. On Press (:active): Show the press overlay */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.pressed {
opacity: 1;
}
/* Optional: Hide the hover overlay while pressing so colors don't muddy */
.button[data-wf--button-new--variant="is-light-blue-link"]:active .button_text.hover {
opacity: 0;
}
</style></div>
|
|
Анализировать url |
| /about-us |
About Us
|
|
Анализировать url |
| /wall-of-love |
Wall of Love
|
|
Анализировать url |
| /our-work |
Our Work
|
|
Анализировать url |
| /pricing |
Pricing
|
|
Анализировать url |
| /help |
Help Center
|
|
Анализировать url |
| /scope-of-services |
Scope of Service
|
|
Анализировать url |
| /gallery |
Free Illustrations
|
|
Анализировать url |
| /blog |
Blog
|
|
Анализировать url |
| /case-studies |
Case Studies
|
|
Анализировать url |
| /affiliates |
Affiliates
|
|
Анализировать url |
| /compare |
Compare Hub
|
|
Анализировать url |
| /terms-of-service |
Terms of Service
|
|
Анализировать url |
| /privacy-policy |
Privacy Policy
|
|
Анализировать url |
| /privacy-policy |
Privacy policy
|
|
Анализировать url |
Внешние ссылки
Кол-во: 5
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 5 оптимально.
На странице присутствуют ссылки на субдомены 5.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| manypixels.breezy.hr |
Careers
|
Анализировать url |
| facebook.com |
<div class="w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" fill="none">
<path d="M17.9483 11.0148H20.0103V7.96875H17.5863V7.97974C14.6493 8.08376 14.0473 9.73473 13.9943 11.4687H13.9882V12.9898H11.9883V15.9727H13.9882V23.9687H17.0023V15.9727H19.4713L19.9482 12.9898H17.0033V12.0708C17.0033 11.4848 17.3932 11.0148 17.9483 11.0148Z" fill="currentColor"></path>
</svg></div>
|
|
| linkedin.com |
<div class="w-embed"><svg viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.01604 21.984H12.0121V11.9979H9.01604V21.984ZM20.6881 11.652C19.2341 11.652 17.9331 12.183 17.0101 13.3551V11.9651H14.0031V21.9841H17.0101V16.5661C17.0101 15.421 18.0592 14.304 19.3731 14.304C20.6871 14.304 21.0111 15.421 21.0111 16.538V21.9831H24.0072V16.3151C24.0071 12.378 22.1431 11.652 20.6881 11.652ZM10.5 11C11.3281 11 12.0001 10.3279 12.0001 9.49994C12.0001 8.67192 11.3281 8 10.5 8C9.67203 8 9 8.67203 9 9.50005C9 10.3281 9.67203 11 10.5 11Z" fill="currentColor"></path>
</svg></div>
|
Анализировать url |
| instagram.com |
<div class="w-embed"><svg viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.522 6.99805H10.4771C8.55807 6.99805 6.99805 8.55906 6.99805 10.4771V21.5231C6.99805 23.4421 8.55906 25.0021 10.4771 25.0021H21.5231C23.4421 25.0021 25.0021 23.4411 25.0021 21.5231V10.4771C25.002 8.55906 23.441 6.99805 21.522 6.99805ZM22.618 9.01107L23.012 9.01008V11.9981L20.0021 12.0081L19.9921 9.02008C19.9921 9.02008 22.618 9.01107 22.618 9.01107ZM16.0001 12.988C18.4971 12.988 19.012 15.332 19.012 16.001C19.012 17.66 17.6601 19.0119 16.0001 19.0119C14.3391 19.0119 12.9881 17.66 12.9881 16.001C12.987 15.332 13.5031 12.988 16.0001 12.988ZM23.0291 21.3051C23.0291 22.2561 22.2561 23.0301 21.3031 23.0301H10.663C9.711 23.0301 8.93703 22.2571 8.93703 21.3051V13.9961H11.437C11.205 14.567 11.074 15.3471 11.074 16.0011C11.074 18.7151 13.282 20.9241 15.997 20.9241C18.7121 20.9241 20.919 18.7151 20.919 16.0011C20.919 15.3471 20.7879 14.567 20.5569 13.9961H23.0269V21.3051H23.0291Z" fill="CurrentColor"></path>
</svg></div>
|
|
| dribbble.com |
<div class="w-embed"><svg viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_13025_118610)">
<path d="M19.3176 24.5108C19.3328 24.5062 19.3473 24.5001 19.3626 24.4948C28.6692 20.7972 26.0948 6.85742 16.0003 6.85742C10.9344 6.85742 6.85742 10.9869 6.85742 16.0003C6.85742 22.3447 13.2833 26.8719 19.3176 24.5108ZM10.881 22.1405C11.5302 21.0494 13.6308 17.9713 17.2163 16.9092C17.966 18.8209 18.4917 21.0509 18.5435 23.5797C15.8266 24.4932 12.961 23.8784 10.881 22.1405V22.1405ZM19.6673 23.1028C19.5675 20.673 19.0715 18.5184 18.3645 16.6517C19.9508 16.4041 21.7869 16.5694 23.8692 17.4037C23.4266 19.8883 21.838 21.9767 19.6673 23.1028V23.1028ZM23.9888 16.222C21.6955 15.3603 19.6742 15.2529 17.9248 15.5866C17.6544 14.977 17.3702 14.3911 17.0692 13.8517C19.7534 12.7797 21.3397 11.473 22.0498 10.7812C23.3031 12.2319 24.0475 14.11 23.9888 16.222V16.222ZM21.2384 9.96752C20.5923 10.5824 19.0708 11.8243 16.4688 12.8399C15.1934 10.8224 13.8296 9.39914 12.9656 8.60218C15.7298 7.4639 18.9176 7.94999 21.2384 9.96752V9.96752ZM11.873 9.16066C12.5252 9.73437 13.9568 11.1119 15.3382 13.2422C13.441 13.8532 11.0624 14.302 8.16942 14.3652C8.62961 12.1603 10.0041 10.2921 11.873 9.16066V9.16066ZM8.02466 15.5127C11.2628 15.4601 13.8837 14.9489 15.9553 14.257C16.2418 14.7591 16.5138 15.3062 16.7751 15.8746C13.1675 17.0235 10.913 19.9896 10.0498 21.329C8.65704 19.7748 7.88904 17.7466 8.02466 15.5127V15.5127Z" fill="CurrentColor"></path>
</g>
<defs>
<clippath id="clip0_13025_118610">
<rect width="18.2857" height="18.2857" fill="CurrentColor" transform="translate(6.85742 6.85742)"></rect>
</clippath>
</defs>
</svg></div>
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Оптимизация сайта manypixels.co выполнена всего на 69%. Чтобы исправить ситуацию и попасть в ТОП необходимо:
Исправьте ошибки в мета-тегах.
Поделитесь с друзьями: