<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FivePlus — онлайн-сервис SEO для локального бизнеса Украины</title>
<meta name="description" content="FivePlus — бесплатный онлайн-инструмент для проверки позиций вашего сайта в Google и получения рекомендаций для улучшения видимости в Украине.">
<link rel="alternate" href="https://fiveplus.org.ua/" hreflang="x-default"><link rel="alternate" href="https://fiveplus.org.ua/" hreflang="ru-UA"><link rel="alternate" href="https://fiveplus.org.ua/" hreflang="ru"><link rel="alternate" href="https://fiveplus.org.ua/uk/" hreflang="uk-UA"><link rel="alternate" href="https://fiveplus.org.ua/uk/" hreflang="uk"><link rel="canonical" href="https://fiveplus.org.ua/">
<!-- OpenGraph -->
<meta property="og:locale" content="ru_RU">
<meta property="og:type" content="website">
<meta property="og:title" content="FivePlus — онлайн-сервис SEO для локального бизнеса Украины">
<meta property="og:description" content="Бесплатный онлайн-инструмент для проверки позиций сайта по локальным запросам (Киев, Львов, Одесса, Днепр) и получения рекомендаций по SEO для Украины.">
<meta property="og:url" content="https://fiveplus.org.ua/">
<meta property="og:site_name" content="FivePlus">
<meta property="og:image" content="http://fiveplus.org.ua/images/upload/fiveplus/fiveplus-fullcolor.png">
<meta property="og:image:alt" content="Логотип FivePlus">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@fiveplusorgua">
<meta name="twitter:creator" content="@fiveplusorgua">
<meta name="twitter:title" content="FivePlus — онлайн-сервис SEO для локального бизнеса Украины">
<meta name="twitter:description" content="Бесплатный онлайн-инструмент для проверки позиций сайта по локальным запросам (Киев, Львов, Одесса, Днепр) и получения рекомендаций по SEO для Украины.">
<meta name="twitter:image" content="http://fiveplus.org.ua/images/upload/fiveplus/fiveplus-fullcolor.png">
<meta name="twitter:image:alt" content="Логотип FivePlus">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://fiveplus.org.ua#organization",
"name": "FivePlus",
"url": "https://fiveplus.org.ua/",
"logo": "/images/upload/fiveplus/fiveplus.org.ua_logo.png",
"contactPoint": [
{
"@type": "ContactPoint",
"contactType": "customer support",
"email": "info@fiveplus.org.ua",
"url": "https://t.me/fiveplus_bot",
"availableLanguage": [
"Russian",
"Ukrainian"
]
}
],
"sameAs": [
"https://www.facebook.com/fiveplusorgua",
"https://twitter.com/fiveplusorgua"
],
"address": {
"@type": "PostalAddress",
"addressCountry": "UA"
}
},
{
"@type": "WebSite",
"@id": "https://fiveplus.org.ua/#website",
"url": "https://fiveplus.org.ua/",
"name": "FivePlus — онлайн-сервис SEO для локального бизнеса Украины",
"description": "Free online tool for checking Google positions and getting recommendations for local businesses in Ukraine (Kiev, Lviv, Odessa, Dnipro и др.).",
"inLanguage": "ru",
"publisher": {
"@id": "https://fiveplus.org.ua#organization"
},
"potentialAction": {
"@type": "SearchAction",
"target": "https://fiveplus.org.ua/?domain={query}",
"query-input": "required name=query"
}
},
{
"@type": "SoftwareApplication",
"@id": "https://fiveplus.org.ua/#software",
"name": "FivePlus Проверка локальных позиций",
"applicationCategory": "BusinessApplication",
"operatingSystem": "All",
"url": "https://fiveplus.org.ua/",
"description": "Онлайн-сервис FivePlus позволяет проверить позиции сайта в Google по локальным запросам (Киев, Львов, Одесса, Днепр и др.) и получить рекомендации по SEO для Украины.",
"publisher": {
"@id": "https://fiveplus.org.ua#organization"
},
"softwareVersion": "1.0",
"inLanguage": "ru",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"url": "https://fiveplus.org.ua/"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://fiveplus.org.ua/#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Главная",
"item": "https://fiveplus.org.ua/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Инструмент",
"item": "https://fiveplus.org.ua/#tool"
},
{
"@type": "ListItem",
"position": 3,
"name": "Преимущества",
"item": "https://fiveplus.org.ua/#benefits"
},
{
"@type": "ListItem",
"position": 4,
"name": "Статья",
"item": "https://fiveplus.org.ua/#article"
},
{
"@type": "ListItem",
"position": 5,
"name": "FAQ",
"item": "https://fiveplus.org.ua/#faq"
},
{
"@type": "ListItem",
"position": 6,
"name": "Контакты",
"item": "https://fiveplus.org.ua/#contacts"
}
]
}
]
}
</script>
<style>
:root {
--primary-color: #0057B7;
--text-color: #333;
--bg-color: #f9f9f9;
--step1-color: #0057B7;
--step2-color: #FFD700;
--step3-color: #4FAFFD;
--container-padding: 0 1rem;
--input-bg: #fff;
--input-border: #ccc;
--card-bg: #fff;
--radius: 8px;
--shadow: 0 4px 12px rgba(0,0,0,0.08);
--gap: 1.5rem;
--header-height: 60px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: Arial, sans-serif;
color: var(--text-color);
background: var(--bg-color);
line-height: 1.6;
margin-top: var(--header-height);
}
.container { max-width: 1200px; margin: 0 auto; padding: var(--container-padding); }
/* ======= Header ======= */
.header {
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
height: var(--header-height);
}
.header__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 var(--container-padding);
}
/* Логотип */
.logo { display: flex; align-items: center; text-decoration: none; }
.logo__img { display: block; max-height: 40px; width: auto; }
@media (min-width: 769px) { .logo__img { max-height: 45px; } }
/* ======= Navigation ======= */
.nav { position: relative; }
.nav__list {
list-style: none;
display: none;
flex-direction: column;
position: static;
width: 100%;
background: #fff;
}
.nav__list.open {
display: flex;
align-items: center;
justify-content: flex-start;
}
.nav__link {
text-decoration: none;
color: var(--text-color);
padding: 0.75rem 1rem;
width: 100%;
font-size: 1.125rem;
text-align: center;
border-bottom: 1px solid #e0e0e0;
background: #fff;
transition: background 0.2s;
}
.nav__link:last-child { border-bottom: none; }
.nav__link:hover { background: rgba(0,0,0,0.05); }
@media (min-width: 769px) {
.nav__list {
display: flex !important;
flex-direction: row;
background: transparent;
}
.nav__link {
border: none;
padding: 0.5rem 1rem;
font-size: 1rem;
text-align: center;
background: transparent;
}
.nav__link:hover { color: var(--primary-color); }
.burger { display: none; }
}
/* Переключатель языка */
.lang-switcher { display: flex; align-items: center; margin-left: 2rem; }
.lang-switcher__link {
font-size: 0.95rem;
color: var(--text-color);
text-decoration: none;
padding: 0.25rem 0.5rem;
transition: color 0.3s;
}
.lang-switcher__link--active { font-weight: bold; color: var(--primary-color); }
.lang-switcher__separator { margin: 0 0.25rem; color: #555; font-size: 0.95rem; }
.lang-switcher__link:hover { color: var(--primary-color); }
@media (max-width: 768px) {
.lang-switcher { margin-left: 1rem; }
.lang-switcher__link { padding: 0.25rem; font-size: 0.9rem; }
.lang-switcher__separator { margin: 0 0.2rem; font-size: 0.9rem; }
}
/* Бургер-кнопка */
.burger {
background: none;
border: none;
cursor: pointer;
display: block;
padding: 0.5rem;
}
.burger__line {
width: 25px;
height: 3px;
background: var(--text-color);
margin: 4px 0;
display: block;
transition: background 0.3s;
}
.burger:hover .burger__line { background: var(--primary-color); }
/* ======= Hero ======= */
.hero { padding: 120px 0 60px; text-align: center; background: #fff; }
.hero-logo { text-align: center; margin-bottom: 1rem; }
.hero-logo__img { display: inline-block; max-height: 100px; width: auto; }
@media (min-width: 769px) { .hero-logo__img { max-height: 120px; } }
.hero__title { font-size: 2rem; margin-bottom: 1rem; }
.hero__subtitle { font-size: 1rem; margin-bottom: 2rem; color: #555; }
.hero__btn {
display: inline-block;
padding: 0.75rem 1.5rem;
background: var(--primary-color);
color: #fff;
text-decoration: none;
border-radius: var(--radius);
transition: background 0.3s;
}
.hero__btn:hover { background: #003f8a; }
/* ======= How It Works ======= */
.how-it-works { padding: 60px 0; background: #fff; }
.section-title { font-size: 1.75rem; margin-bottom: 2rem; text-align: center; color: var(--text-color); }
.steps { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 769px) { .steps { flex-direction: row; } }
.step {
flex: 1;
padding: 1.5rem;
border-radius: var(--radius);
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.step--1 { background: var(--step1-color); }
.step--2 { background: var(--step2-color); color: #333; }
.step--3 { background: var(--step3-color); color: #333; }
.step__icon {
width: 50px; height: 50px;
border-radius: 50%;
background: rgba(255,255,255,0.3);
display: flex; align-items: center; justify-content: center;
font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem; color: #fff;
}
.step--2 .step__icon, .step--3 .step__icon {
color: #333;
background: rgba(0,0,0,0.1);
}
.step__title { font-size: 1.25rem; margin-bottom: 0.5rem; }
.step__desc { font-size: 1rem; }
/* ======= Tool ======= */
.tool { padding: 60px 0; background: var(--bg-color); }
.tool__card {
max-width: 680px;
margin: 0 auto;
background: var(--card-bg);
border: 1px solid #e0e0e0;
border-left: 4px solid var(--primary-color);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: var(--gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.tool__title { margin: 0; text-align: center; }
.tool__form { display: flex; flex-direction: column; gap: var(--gap); }
@media (min-width: 769px) { .tool__form { flex-direction: row; } }
.tool__input {
flex: 1;
padding: 0.75rem 1rem;
font-size: 1rem;
border: 1px solid var(--input-border);
border-radius: var(--radius);
background: var(--input-bg);
}
.tool__btn {
padding: 0.75rem 1.5rem;
background: var(--primary-color);
color: #fff;
border: none;
border-radius: var(--radius);
font-size: 1rem;
cursor: pointer;
transition: background 0.3s;
white-space: nowrap;
}
.tool__btn:hover { background: #003f8a; }
.tool__note { font-size: 0.95rem; color: #555; text-align: center; }
.tool__results { margin-top: var(--gap); display: none; }
/* ======= Benefits ======= */
.benefits { padding: 60px 0; background: #fff; }
.benefits__grid { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 769px) { .benefits__grid { flex-direction: row; } }
.benefit {
flex: 1;
padding: 1.5rem;
border-radius: var(--radius);
background: #f5f5f5;
text-align: center;
}
.benefit__icon { font-size: 2rem; margin-bottom: 0.5rem; color: var(--primary-color); }
.benefit__title { font-size: 1.25rem; margin-bottom: 0.5rem; color: var(--text-color); }
.benefit__desc { font-size: 1rem; color: #555; }
/* ======= Article ======= */
.article { background: var(--bg-color); padding: 60px 0; }
.article__title { font-size: 2rem; color: var(--text-color); text-align: center; margin-bottom: var(--gap); }
.article__lead {
max-width: 800px;
margin: 0 auto var(--gap);
font-size: 1.125rem;
color: #555;
line-height: 1.6;
text-align: center;
}
.article__subtitle { font-size: 1.5rem; color: var(--text-color); margin: var(--gap) 0 0.5rem; }
.article__list { list-style-type: disc; margin-left: 1.5rem; color: #555; line-height: 1.6; }
.article__list li { margin-bottom: 0.5rem; }
.article__grid { display: flex; flex-direction: column; gap: var(--gap); margin-bottom: var(--gap); }
@media (min-width: 769px) { .article__grid { flex-direction: row; } }
.feature {
flex: 1;
background: var(--card-bg);
border: 1px solid #e0e0e0;
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: var(--gap);
text-align: center;
}
.feature__title { font-size: 1.125rem; color: var(--text-color); margin-bottom: 0.5rem; }
.feature__desc { font-size: 1rem; color: #555; line-height: 1.5; }
.article__steps {
counter-reset: step;
list-style: none;
padding: 0;
margin: 0 0 var(--gap);
}
.article__steps li {
position: relative;
padding-left: 2.5rem;
margin-bottom: 1rem;
color: #555;
line-height: 1.6;
}
.article__steps li::before {
counter-increment: step;
content: counter(step);
position: absolute;
left: 0;
top: 0;
width: 1.75rem;
height: 1.75rem;
background: var(--primary-color);
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 1.75rem;
font-weight: bold;
}
.article__quote {
max-width: 800px;
margin: 0 auto var(--gap);
padding: var(--gap);
background: var(--card-bg);
border-left: 4px solid var(--primary-color);
border-radius: var(--radius);
box-shadow: var(--shadow);
color: #555;
font-style: italic;
line-height: 1.6;
}
.article__cta { text-align: center; margin-top: calc(var(--gap) * 1.5); }
/* ======= FAQ ======= */
.faq { padding: 60px 0; background: var(--bg-color); }
.faq__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 769px) { .faq__grid { grid-template-columns: repeat(2, 1fr); } }
.faq__item {
background: #fff;
border: 1px solid #e0e0e0;
border-left: 4px solid var(--primary-color);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
transition: transform 0.3s, box-shadow 0.3s;
}
.faq__item[open] {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.faq__question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.25rem;
font-size: 1.125rem;
font-weight: bold;
color: var(--text-color);
cursor: pointer;
position: relative;
}
.faq__question::after {
content: '+';
font-size: 1.25rem;
transition: transform 0.3s;
}
.faq__item[open] .faq__question::after {
content: '–';
transform: rotate(180deg);
}
.faq__answer {
padding: 0 1.25rem 1.25rem;
font-size: 1rem;
color: #555;
line-height: 1.6;
}
.faq__answer ul { margin: 0.5rem 0 0 1.25rem; }
.faq__answer li { margin-bottom: 0.25rem; }
.faq__cta { text-align: center; margin-top: 2.5rem; }
/* ======= Testimonials ======= */
.testimonials { padding: 60px 0; background: var(--bg-color); }
.testimonials__rating {
text-align: center; font-size: 1.125rem; margin-bottom: 1.5rem; color: var(--text-color);
}
.rating__stars { color: var(--primary-color); font-size: 1.25rem; }
.rating__value { margin-left: 0.5rem; font-weight: bold; }
.testimonials__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 769px) { .testimonials__grid { grid-template-columns: repeat(3, 1fr); } }
.testimonial {
background: #fff;
border: 1px solid #e0e0e0;
border-left: 4px solid var(--primary-color);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1.5rem;
transition: transform 0.3s, box-shadow 0.3s;
}
.testimonial:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.testimonial__text {
font-size: 1rem;
color: #555;
line-height: 1.6;
margin-bottom: 0.75rem;
}
.testimonial__author {
font-size: 0.875rem;
font-weight: bold;
color: var(--text-color);
text-align: right;
}
/* ======= Lead/Contacts ======= */
.lead { padding: 60px 0; background: var(--bg-color); }
.lead__card {
max-width: 600px;
margin: 0 auto;
background: #fff;
border: 1px solid #e0e0e0;
border-left: 4px solid var(--primary-color);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1.5rem;
}
.lead__form { display: flex; flex-direction: column; gap: 1rem; }
.lead__input {
width: 100%;
padding: 0.75rem 1rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
}
.lead__checkbox { display: flex; align-items: center; font-size: 0.875rem; color: #555; }
.lead__checkbox input { margin-right: 0.5rem; }
.lead__btn {
padding: 0.75rem 1.5rem;
background: var(--primary-color);
color: #fff;
border: none;
border-radius: var(--radius);
font-size: 1rem;
cursor: pointer;
transition: background 0.3s;
}
.lead__btn:hover { background: #003f8a; }
/* ======= Footer ======= */
.footer {
background: #fff;
border-top: 1px solid #e0e0e0;
padding: 40px 0;
}
.footer__inner { display: flex; flex-direction: column; gap: 2rem; text-align: center; }
@media (min-width: 769px) {
.footer__inner { flex-direction: row; justify-content: space-between; text-align: left; }
}
.footer__col { flex: 1; }
.footer__logo {
display: inline-block;
font-size: 1.25rem;
font-weight: bold;
color: var(--primary-color);
text-decoration: none;
margin-bottom: 0.5rem;
}
.footer__title { font-size: 1.125rem; margin-bottom: 0.75rem; color: var(--text-color); }
.footer__nav { list-style: none; padding: 0; margin: 0; }
.footer__link {
display: block;
color: var(--text-color);
text-decoration: none;
margin-bottom: 0.5rem;
transition: color 0.3s;
}
.footer__link:hover { color: var(--primary-color); }
.footer__text { font-size: 0.95rem; color: #555; line-height: 1.5; margin-bottom: 0.5rem; }
.footer__small { font-size: 0.85rem; color: #888; margin: 0.25rem 0; }
</style>
</head>
<body>
<header class="header">
<div class="container header__inner">
<a href="/" class="logo">
<img src="/images/upload/fiveplus/fiveplus.org.ua_logo.png" alt="Логотип FivePlus" class="logo__img">
</a>
<nav class="nav">
<ul class="nav__list">
<li><a href="#tool" class="nav__link">Инструмент</a></li>
<li><a href="#benefits" class="nav__link">Преимущества</a></li>
<li><a href="#article" class="nav__link">Статья</a></li>
<li><a href="#faq" class="nav__link">FAQ</a></li>
<li><a href="#contacts" class="nav__link">Контакты</a></li>
</ul>
</nav>
<div class="lang-switcher">
<a href="/uk/" class="lang-switcher__link">UK</a><span class="lang-switcher__separator">|</span><a href="/" class="lang-switcher__link lang-switcher__link--active">RU</a>
</div>
<button class="burger" aria-label="Открыть меню">
<span class="burger__line"></span>
<span class="burger__line"></span>
<span class="burger__line"></span>
</button>
</div>
</header>
<section class="hero" id="hero">
<div class="container">
<div class="hero-logo">
<img src="/images/upload/fiveplus/fiveplus-fullcolor.png" alt="Логотип FivePlus" class="hero-logo__img">
</div>
<h1 class="hero__title">FivePlus — онлайн-сервис SEO для локального бизнеса Украины</h1>
<p class="hero__subtitle">Повышайте видимость вашего бизнеса в локальном поиске — Киев, Львов, Одесса, Днипро и другие города Украины ждут вас!</p>
<a href="#tool" class="hero__btn">Начать проверку</a>
</div>
</section>
<section class="how-it-works" id="how-it-works">
<div class="container">
<h2 class="section-title">Как это работает</h2>
<div class="steps">
<div class="step step--1">
<div class="step__icon">1</div>
<h3 class="step__title">Введите домен</h3>
<p class="step__desc">Например, coffee-lviv.ua или remont-kyiv.ua</p>
</div>
<div class="step step--2">
<div class="step__icon">2</div>
<h3 class="step__title">Запрос к Search Console API</h3>
<p class="step__desc">FivePlus получает свежие данные из Google напрямую, учитывая геотаргетинг по Украине</p>
</div>
<div class="step step--3">
<div class="step__icon">3</div>
<h3 class="step__title">Получите отчёт</h3>
<p class="step__desc">Немедленно просматривайте позиции, локальные запросы и рекомендации для вашего города</p>
</div>
</div>
</div>
</section>
<section class="tool" id="tool">
<div class="container">
<div class="tool__card">
<h2 class="section-title tool__title">Инструмент: Проверка локальных позиций</h2>
<form class="tool__form quiz-form" id="tool-form">
<input type="text" class="tool__input" id="domain-input" placeholder="Введите ваш домен, например shop-odessa.ua" required>
<button type="submit" class="tool__btn">Проверить сейчас</button>
</form>
<div class="tool__note">Регулярная проверка позиций в Google для украинского рынка — ключ к росту локального трафика и новых клиентов в Киеве, Львове, Харькове и по всей Украине.</div>
<div class="tool__results" id="tool-results"></div>
</div>
</div>
</section>
<section class="benefits" id="benefits">
<div class="container">
<h2 class="section-title">Наши преимущества</h2>
<div class="benefits__grid">
<div class="benefit">
<div class="benefit__icon">✔</div>
<h3 class="benefit__title">Достоверные локальные данные</h3>
<p class="benefit__desc">Все показатели берутся напрямую из Google Search Console с учётом географического таргетинга по городам Украины.</p>
</div>
<div class="benefit">
<div class="benefit__icon">⏱</div>
<h3 class="benefit__title">Мгновенный отчёт</h3>
<p class="benefit__desc">Результаты появляются сразу после ввода домена — экономьте время и обгоняйте конкурентов в вашем городе.</p>
</div>
<div class="benefit">
<div class="benefit__icon">🔧</div>
<h3 class="benefit__title">Локальные рекомендации</h3>
<p class="benefit__desc">Чёткий чек-лист по улучшению Google My Business, метаданных и контента с акцентом на особенности Украины.</p>
</div>
<div class="benefit">
<div class="benefit__icon">🎁</div>
<h3 class="benefit__title">100% бесплатно</h3>
<p class="benefit__desc">Все функции доступны без оплаты — никаких скрытых условий и ограничений для украинского бизнеса.</p>
</div>
</div>
</div>
</section>
<section class="article" id="article">
<div class="container">
<h2 class="article__title">Локальное SEO: увеличьте поток клиентов в вашем городе</h2>
<p class="article__lead">Каждая позиция в выдаче Google влияет на количество звонков и посещений. Например, небольшая пекарня во Львове, которая была на 5-й позиции по запросу «свежие булочки Львов», получала около 80 посетителей в день. Когда поднялись на 2-ю позицию — посещений стало 220. Разница очевидна: более 140 человек, которые могли стать вашими клиентами, заходят к конкурентам.</p>
<h3 class="article__subtitle">Почему универсальные методы не всегда эффективны</h3>
<ul class="article__list">
<li><strong>Ручной мониторинг:</strong> таблицы и парсеры занимают часы и быстро устаревают, особенно если вы ведёте бизнес в Одессе или Днепре.</li>
<li><strong>Универсальные сервисы:</strong> часто не учитывают локальные запросы: для фразы «ремонт квартир Киев» нужны данные именно по Киеву, а не по всей Украине.</li>
<li><strong>Запоздалая реакция:</strong> пока вы готовите отчёт, конкуренты из Харькова уже забрали вашу целевую фразу.</li>
</ul>
<h3 class="article__subtitle">Что даёт FivePlus</h3>
<div class="article__grid">
<div class="feature">
<h4 class="feature__title">Свежие данные по городам Украины</h4>
<p class="feature__desc">Подключаемся к Google Search Console API и показываем актуальные позиции с учётом геотаргетинга по Киеву, Одессе, Львову, Харькову и другим городам.</p>
</div>
<div class="feature">
<h4 class="feature__title">Всё в одном окне</h4>
<p class="feature__desc">Не нужно переключаться между сервисами — все локальные ключевые фразы и динамика в едином отчёте.</p>
</div>
<div class="feature">
<h4 class="feature__title">Чек-лист локальных задач</h4>
<p class="feature__desc">Готовый список действий по оптимизации Google My Business, локальных метаданных и контента для вашего региона.</p>
</div>
</div>
<h3 class="article__subtitle">Как это работает</h3>
<ol class="article__steps">
<li><strong>Ввод домена:</strong> просто вставьте URL вашего сайта (например, bakery-lviv.ua или service-dnipro.ua).</li>
<li><strong>Запрос к API:</strong> безопасный вызов к вашему GSC-аккаунту без паролей.</li>
<li><strong>Локальный анализ:</strong> учитываем запросы с геотаргетингом по вашему городу (например, «салон красоты Киев»).</li>
<li><strong>Генерация чек-листа:</strong> чёткий план действий для SEO-специалиста или маркетолога с учётом украинских реалий.</li>
</ol>
<h3 class="article__subtitle">Реальный кейс: +300% онлайн-заявок за 8 недель</h3>
<blockquote class="article__quote">
<p>«До использования FivePlus небольшая студия йоги в Одессе была на 8-й позиции по запросу «йога Одесса» и получала около 15 заявок в месяц. После точечной оптимизации метаданных, добавления отзывов и доработки локальных ссылок мы поднялись на 3-ю позицию: заявок стало 60 (+300%).» — студия «Чистое дыхание», Одесса</p>
</blockquote>
<h3 class="article__subtitle">Чек-лист локального апгрейда</h3>
<ul class="article__list">
<li>Оптимизировать тайтлы и мета-описания с названием города (до 60 символов). Пример: «Кофейня во Львове — самый вкусный кофе в центре».</li>
<li>Добавить Google My Business и указать актуальный адрес, телефон и часы работы.</li>
<li>Собрать минимум 5 локальных отзывов с рейтингом от 4.5 звёзд.</li>
<li>Убедиться, что сайт быстро загружается (LCP ≤ 2 сек) для мобильных пользователей.</li>
<li>Проверить адаптивность: магазины в Киеве особенно страдают, если страница плохо отображается на смартфонах.</li>
</ul>
<div class="article__cta">
<a href="#tool" class="hero__btn">Проверить свой сайт сейчас</a>
</div>
</div>
</section>
<section class="faq" id="faq">
<div class="container">
<h2 class="section-title">Часто задаваемые вопросы</h2>
<div class="faq__grid">
<details class="faq__item">
<summary class="faq__question">Что такое FivePlus и зачем он нужен?</summary>
<div class="faq__answer">FivePlus — бесплатный онлайн-инструмент, подключаемый к вашему Google Search Console и показывающий реальные позиции сайта по локальным запросам Украины. Помогает выявить слабые места и получить план действий для привлечения местных клиентов в вашем городе.</div>
</details>
<details class="faq__item">
<summary class="faq__question">Как сервис собирает данные?</summary>
<div class="faq__answer">Мы используем официальный Search Console API от Google. Все запросы проходят через наш безопасный сервер, результаты — это «живые» данные из вашего аккаунта с учётом геотаргетинга.</div>
</details>
<details class="faq__item">
<summary class="faq__question">Нужно ли регистрироваться или вводить пароль?</summary>
<div class="faq__answer">Нет, инструмент работает без регистрации. Достаточно вставить домен — аутентификация уже настроена на нашей стороне, вводить личные данные не нужно.</div>
</details>
<details class="faq__item">
<summary class="faq__question">Какие показатели отображаются в отчёте?</summary>
<div class="faq__answer">
В отчёте вы увидите:
<ul>
<li>Среднюю позицию по каждому локальному запросу за последние 28 дней;</li>
<li>Динамику роста/падения в вашем регионе (Киев, Львов, Одесса и т.д.);</li>
<li>Список запросов, требующих апгрейда контента;</li>
<li>CTR и рекомендации по улучшению метаданных.</li>
</ul>
</div>
</details>
<details class="faq__item">
<summary class="faq__question">Сколько проверок можно сделать в сутки?</summary>
<div class="faq__answer">По умолчанию доступно до 50 проверок в сутки. Если нужно больше — свяжитесь с нами, мы предложим бизнес- или агентский тариф.</div>
</details>
<details class="faq__item">
<summary class="faq__question">Как сохранить результаты и вернуться к ним позже?</summary>
<div class="faq__answer">Все отчёты автоматически сохраняются в локальном хранилище браузера. Откройте страницу снова — и результаты будут под рукой.</div>
</details>
<details class="faq__item">
<summary class="faq__question">Что входит в рекомендации по апгрейду?</summary>
<div class="faq__answer">
Мы анализируем:
<ul>
<li>Локальные запросы с падением позиций;</li>
<li>Страницы с неоптимальными тайтлами и мета-описаниями (с упоминанием города);</li>
<li>Проблемы с загрузкой и мобильной адаптивностью.</li>
</ul>
Затем генерируем короткий чек-лист действий для вашего SEO-специалиста.
</div>
</details>
<details class="faq__item">
<summary class="faq__question">Как получить персональную консультацию?</summary>
<div class="faq__answer">Внизу страницы заполните форму заявки — мы свяжемся с вами в течение рабочего дня для детального анализа вашего сайта и локальной стратегии.</div>
</details>
</div>
<div class="faq__cta"><a href="#contacts" class="hero__btn">Получить персональную консультацию</a></div>
</div>
</section>
<section class="testimonials" id="testimonials">
<div class="container">
<h2 class="section-title">Отзывы клиентов</h2>
<div class="testimonials__rating">Рейтинг: <span class="rating__stars">★★★★☆</span><span class="rating__value">4.9/5</span></div>
<div class="testimonials__grid">
<div class="testimonial">
<p class="testimonial__text">«Мы открыли кафе в Харькове и думали, что локальное SEO не для нас. Благодаря FivePlus узнали, что наши ключевые фразы плохо работают в поиске. Поднялись с 7-й позиции на 2-ю — теперь в будние дни у нас нет свободных столиков!»</p>
<div class="testimonial__author">Катя, владелица кафе (Харьков)</div>
</div>
<div class="testimonial">
<p class="testimonial__text">«FivePlus помог узнать, что запрос «ремонт квартир Киев» мы вообще не настраивали. После апгрейда метаданных и добавления «Киев» в контент, трафик из столицы вырос на 60 %.»</p>
<div class="testimonial__author">Андрей, мастер по ремонту (Киев)</div>
</div>
<div class="testimonial">
<p class="testimonial__text">«Я владею небольшой пекарней во Львове. После проверки на FivePlus понял, что у меня плохо оформлен профиль Google My Business. Исправили — и количество звонков выросло с 10 до 40 в месяц.»</p>
<div class="testimonial__author">Оля, владелица пекарни (Львов)</div>
</div>
<div class="testimonial">
<p class="testimonial__text">«Очень удобный инструмент: сразу видно, какие ключевые фразы работают в Одессе, а какие — нет. Увеличили трафик на 40 % за первые две недели.»</p>
<div class="testimonial__author">Сергей, SEO-специалист (Одесса)</div>
</div>
<div class="testimonial">
<p class="testimonial__text">«С FivePlus мы оптимизировали сайт для наших клиентов в Днепре. Звонков стало в три раза больше, а заявки начали поступать ежедневно.»</p>
<div class="testimonial__author">Мария, владелица студии йоги (Днепр)</div>
</div>
<div class="testimonial">
<p class="testimonial__text">«Раньше я тратила по несколько часов в день на ручной анализ позиций, а теперь FivePlus делает всё за несколько минут.»</p>
<div class="testimonial__author">Ирина, маркетолог (Полтава)</div>
</div>
</div>
</div>
</section>
<section class="lead" id="contacts">
<div class="container">
<h2 class="section-title">Получить персональную консультацию</h2>
<div class="lead__card">
<form class="lead__form quiz-form">
<input type="text" class="lead__input" name="name" placeholder="Ваше имя" required>
<input type="email" class="lead__input" name="email" placeholder="E-mail" required>
<input type="tel" class="lead__input" name="phone" placeholder="Телефон +380" required>
<label class="lead__checkbox"><input type="checkbox" required>Я соглашаюсь на обработку персональных данных</label>
<button type="submit" class="lead__btn">Отправить заявку</button>
</form>
</div>
</div>
</section>
<footer class="footer" id="footer">
<div class="container footer__inner">
<div class="footer__col">
<a href="/" class="footer__logo">FivePlus</a>
<p class="footer__text">Бесплатный инструмент для проверки локальных позиций и рекомендаций по SEO в Украине.</p>
</div>
<div class="footer__col">
<h3 class="footer__title">Навигация</h3>
<ul class="footer__nav">
<li><a href="#hero" class="footer__link">Главная</a></li>
<li><a href="#tool" class="footer__link">Инструмент</a></li>
<li><a href="#benefits" class="footer__link">Преимущества</a></li>
<li><a href="#article" class="footer__link">Статья</a></li>
<li><a href="#faq" class="footer__link">FAQ</a></li>
<li><a href="#contacts" class="footer__link">Контакты</a></li>
</ul>
</div>
<div class="footer__col">
<h3 class="footer__title">Контакты</h3>
<p class="footer__text">
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d44434b426d4b445b485d41585e03425f4a03584c">[email protected]</a><br>
<a href="https://t.me/fiveplus_bot" target="_blank" rel="noopener" class="footer__link">Написать в Telegram</a>
</p>
<p class="footer__small">© 2025 FivePlus. Все права защищены.</p>
<p class="footer__small"><a href="/privacy" class="footer__link">Политика конфиденциальности</a></p>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
const burger = document.querySelector('.burger');
const navList = document.querySelector('.nav__list');
burger.addEventListener('click', function() {
navList.classList.toggle('open');
});
// Закрыть меню при клике по ссылке
document.querySelectorAll('.nav__link').forEach(link => {
link.addEventListener('click', () => {
navList.classList.remove('open');
});
});
// Закрыть меню при клике вне (опционально)
document.addEventListener('click', function(e) {
if (!e.target.closest('.nav') && !e.target.closest('.burger')) {
navList.classList.remove('open');
}
});
});
</script>
<style>
/* === Основные стили modal === */
#quiz-modal {
display: none; /* По умолчанию не показываем modal */
position: fixed; /* Фиксируем поверх всего контента */
top: 0; left: 0; /* Растягиваем на весь экран сверху и слева */
right: 0; bottom: 0; /* И справа, и снизу тоже */
background: rgba(0,0,0,0.6);/* Тёмный полупрозрачный фон */
justify-content: center; /* Центрируем содержимое по горизонтали */
align-items: center; /* Центрируем содержимое по вертикали */
z-index: 9999; /* Делает modal самым «верхним» слоем */
overflow: auto; /* Если окно большое — можно прокрутить весь modal */
}
#quiz-container {
position: relative; /* Позволяет абсолютно позиционировать кнопку закрытия */
width: 90vw; /* Занимает 90% ширины экрана */
#height: 90vh; /* Занимает 90% ширины экрана */
height: 600px;
max-width: 650px; /* Но не больше 650px по ширине */
background: #ffffff; /* Белый фон внутреннего окна */
border-radius: 8px; /* Скруглённые углы */
box-shadow: 0 4px 20px rgba(0,0,0,0.5); /* Тень вокруг окна */
overflow: auto; /* Внутри можно прокручивать, если контент слишком большой */
display: flex; /* Включаем флекс-режим для удобного размещения loader и iframe */
flex-direction: column; /* Размещаем их вертикально друг под другом */
}
#quiz-close {
position: absolute; /* Позиционируем поверх quiz-container */
top: 10px; /* 10px от верхней границы окна */
right: 10px; /* 10px от правой границы окна */
background: transparent; /* Фон прозрачный, видим только крестик */
border: none; /* Без рамки */
font-size: 1.6rem; /* Размер символа крестика */
color: #333333; /* Тёмно-серый цвет крестика */
cursor: pointer; /* Курсор-рука при наведении */
z-index: 1; /* Над содержимым окна */
}
/* Блок «Loading…» */
#quiz-loading {
flex: 1; /* Занимает всё доступное пространство */
display: flex; /* Flex, чтобы центрировать текст и спиннер */
justify-content: center; /* Центрируем по горизонтали */
align-items: center; /* Центрируем по вертикали */
font-size: 1.1rem; /* Немного больше текста */
color: #007BFF; /* Синий цвет текста */
}
/* Спиннер */
.spinner {
width: 40px; /* Диаметр 40px */
height: 40px; /* Диаметр 40px */
border: 4px solid #ccc; /* Серый круглая рамка */
border-top-color: #007BFF; /* Синяя «верхушка» */
border-radius: 50%; /* Делаем рамку круглой */
animation: spin 1s linear infinite; /* Постоянное вращение */
}
/* Анимация спиннера */
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Iframe, куда подгружается сам квиз */
#quiz-iframe {
flex: 1; /* Занимает всё оставшееся место */
border: none; /* Без рамки */
display: none; /* Скрыт до полной загрузки */
}
</style>
<!-- === Начало modal для квиза === -->
<div id="quiz-modal">
<div id="quiz-container">
<!-- Кнопка «×» для закрытия modal -->
<button id="quiz-close" aria-label="Close quiz">×</button>
<!-- Пока квиз грузится, показываем этот блок -->
<div id="quiz-loading">
Loading quiz…
<div class="spinner"></div>
</div>
<!-- Здесь появляется сам квиз -->
<iframe id="quiz-iframe"></iframe>
</div>
</div>
<!-- === Конец modal === -->
<script>
// Немедленно вызываемая функция — всё внутри не «засоряет» глобальные переменные
(function(){
// 1) Base64-код ссылки на quiz.html — сохраняем в одну строку
const QUIZ_BASE64 = "aHR0cHM6Ly9maXZlcGx1cy5vcmcudWEvaW1hZ2VzL3VwbG9hZC91Zm9ybS9xdWl6X3Nlb191YS5odG1s";
// 2) Расшифровываем строку в обычный URL
const QUIZ_URL = atob(QUIZ_BASE64);
// 3) Получаем элементы модалки из HTML
const modal = document.getElementById('quiz-modal');
const loading = document.getElementById('quiz-loading');
const iframe = document.getElementById('quiz-iframe');
const close = document.getElementById('quiz-close');
// 4) Функция открытия модалки и подгрузки квиза
function openQuiz(formData = {}) {
// 4.1 Показываем модалку
modal.style.display = 'flex';
// 4.2 Блокируем прокрутку страницы под ним
document.body.style.overflow = 'hidden';
// 4.3 Показать блок загрузки, спрятать iframe
loading.style.display = 'flex';
iframe.style.display = 'none';
// 4.4 Добавляем данные формы в URL квиза
const params = new URLSearchParams(formData).toString();
iframe.src = QUIZ_URL + (params ? '?' + params : '');
// 4.5 Когда iframe загрузится — скрываем загрузчик и показываем квиз
iframe.onload = function() {
loading.style.display = 'none';
iframe.style.display = 'block';
};
}
// 5) Функция закрытия модалки
function closeQuiz(){
modal.style.display = 'none'; // прячем модалку
document.body.style.overflow = ''; // возвращаем прокрутку страницы
iframe.src = ''; // сбрасываем URL iframe
}
// 6) Привязываем кнопки закрытия
close.addEventListener('click', closeQuiz); // по нажатию на «×»
modal.addEventListener('click', e => { // по клику на тёмный фон
if (e.target === modal) closeQuiz();
});
document.addEventListener('keydown', e => { // по нажатию ESC
if (e.key === 'Escape' && modal.style.display === 'flex') {
closeQuiz();
}
});
// 7) Универсальный запуск — по форме с классом "quiz-form"
document.querySelectorAll('form.quiz-form') // ищем все <form class="quiz-form">
.forEach(form => {
form.addEventListener('submit', function(e) {
// 7.1 Проверяем, что все обязательные поля заполнены
if (!form.checkValidity()) return;
// 7.2 Останавливаем обычную отправку формы
e.preventDefault();
// 7.3 Собираем все поля формы в объект
const data = {};
new FormData(form).forEach((value, key) => {
data[key] = value;
});
// 7.4 Открываем квиз, передавая данные
openQuiz(data);
});
});
// 8) Опционально экспортируем функцию — если нужно вызвать из другого места
window.openQuiz = openQuiz;
})(); // Конец самовызываемой функции
</script>
<a href='/index'>.</a><a href='/sitemap'>Карта</a><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img width="31" height="31" style="border:0"
title="LiveInternet"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/></a><script>(function(d,s){d.getElementById("licntF03D").src=
"https://counter.yadro.ru/hit?t38.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></body>
</html>