mod: улучшено SEO
This commit is contained in:
@@ -3,25 +3,25 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{# SEO & Meta Tags #}<title>{% block title %}ETPGRF — единая типографика для веба{% endblock %}</title>
|
||||
<meta name="description" content="{% block description %}Бесплатный онлайн-типограф для подготовки текстов к публикации в вебе. Расставка неразрывных пробелов, правильных кавычек («ёлочки»), тире, спецсимволы, отбивка, компоновка, висячая пунктуация. Идеально для верстки сайтов, статей и постов.{% endblock %}">
|
||||
<meta name="keywords" content="{% block keywords %}типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев{% endblock %}">
|
||||
{# SEO & Meta Tags #}<title>{% block title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}</title>
|
||||
<meta name="description" content="{% block description %}Онлайн-типограф для подготовки HTML и публикаций на русском и английском: кавычки «ёлочки» и “лапки”, длинное тире, неразрывные пробелы (&nbsp;), отбивка предлогов, артиклей и чисел, висячая пунктуация…{% endblock %}">
|
||||
<meta name="keywords" content="{% block keywords %}онлайн типограф, типографика онлайн, типограф для текста, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, подготовка текста для веба, висячая пунктуация, python etpgrf, типограф лебедева муравьева{% endblock %}">
|
||||
<meta name="author" content="Sergei Erjemin">
|
||||
{# Schema.org (JSON-LD) #}{% block schema %}{% endblock %}
|
||||
{# Open Graph (Facebook, VK, LinkedIn, Telegram) #}<meta property="og:type" content="website" />
|
||||
<meta property="og:site_name" content="ETPGRF" />
|
||||
<meta property="og:url" content="{{ request.build_absolute_uri }}" />
|
||||
<meta property="og:title" content="{% block og_title %}ETPGRF — единая типографика для веба{% endblock %}" />
|
||||
<meta property="og:description" content="{% block og_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик. Умная типографика для веб-дизайнеров, редакторов и контент-менеджеров.{% endblock %}" />
|
||||
<meta property="og:url" content="{% block og_url %}{{ request.scheme }}://{{ request.get_host }}{{ request.path }}{% endblock %}" />
|
||||
<meta property="og:title" content="{% block og_title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}" />
|
||||
<meta property="og:description" content="{% block og_description %}Бесплатный онлайн-типограф для подготовки текстов и HTML к публикации: кавычки «ёлочки», неразрывные пробелы, длинное тире и висячая пунктуация.{% endblock %}" />
|
||||
<meta property="og:image" content="{% block og_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
{# --- Twitter Cards (X) --- #}<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="{% block twitter_title %}ETPGRF — единая типографика для веба{% endblock %}" />
|
||||
<meta name="twitter:description" content="{% block twitter_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик.{% endblock %}" />
|
||||
<meta name="twitter:title" content="{% block twitter_title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}" />
|
||||
<meta name="twitter:description" content="{% block twitter_description %}Бесплатный онлайн-типограф для подготовки текстов и HTML к публикации в вебе.{% endblock %}" />
|
||||
<meta name="twitter:image" content="{% block twitter_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
|
||||
{# Шутка #}<meta name="generator" content="Microsoft FrontPage 1.0"/>
|
||||
{# Canonical #}<link rel="canonical" href="{{ request.build_absolute_uri }}"/>
|
||||
{# Canonical #}<link rel="canonical" href="{% block canonical %}{{ request.scheme }}://{{ request.get_host }}{{ request.path }}{% endblock %}"/>
|
||||
{# Favicons #}<link rel="icon" href="{{ request.scheme }}://{{ request.get_host }}{% static 'favicon.ico' %}" type="image/x-icon" />
|
||||
{# Favicons #}<link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" />
|
||||
{# Favicons #}<link rel="icon" href="{% static 'favicon-light.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: light)" />
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
{% extends 'typograph/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block title %}ETPGRF — единая типографика для веба{% endblock %}
|
||||
{% block title %}Онлайн-типограф для текста и HTML — ETPGRF: кавычки «ёлочки», тире, неразрывные пробелы{% endblock %}
|
||||
|
||||
{% block description %}Бесплатный онлайн-типограф для подготовки публикаций в вебе: кавычки «ёлочки», тире, неразрывные пробелы, спецсимволы, отбивка/компоновка, висячая пунктуация… Идеально для верстки сайтов, статей и постов.{% endblock %}
|
||||
{% block og_title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}
|
||||
|
||||
{% block keywords %}типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев{% endblock %}
|
||||
{% block og_description %}Бесплатный умный онлайн-типограф для подготовки текстов, статей и верстки к публикации в вебе за один клик.{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
{# SEO-текст и описание #}
|
||||
<div class="mb-4">
|
||||
<h1 class="h3 mb-3">Онлайн-типограф для веба</h1>
|
||||
<h1 class="h3 mb-3">Онлайн-типограф для текста и веб-публикаций</h1>
|
||||
<p>
|
||||
Интернет-типограф <strong>etpgrf</strong> — инструмент для подготовки текста для публикации
|
||||
в вебе. Расстановка неразрывных пробелов перед союзами и предлогами, замена кавычек
|
||||
@@ -298,6 +298,192 @@
|
||||
<div id="cm-result-wrapper" class="result-box p-0"></div>
|
||||
<div id="result-area" style="display: none;"></div>
|
||||
</div>
|
||||
|
||||
{# ИНФОРМАЦИОННЫЙ И SEO-БЛОК #}
|
||||
<div class="col-md-12 mt-4 pt-3 border-top">
|
||||
<div class="text-center mb-3">
|
||||
<button class="btn btn-sm btn-outline-secondary rounded-pill px-3 py-1 shadow-sm collapse-toggle-btn collapsed"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#seoDetailsCollapse"
|
||||
aria-expanded="false"
|
||||
aria-controls="seoDetailsCollapse">
|
||||
<i class="bi bi-info-circle me-1"></i> О сервисе, возможности и правила
|
||||
<i class="bi bi-chevron-down ms-1 collapse-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="collapse" id="seoDetailsCollapse">
|
||||
<section class="mb-5 pt-3">
|
||||
<h2 class="h4 mb-4">Возможности онлайн-типографа etpgrf</h2>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-distribute-horizontal me-1"></i> Неразрывные пробелы (&nbsp;)</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Автоматическая привязка предлогов, союзов, частиц («в», «на», «с», «и», «не», «бы»…) и артиклей („the“, „a“, „is“…). Парсер «видит» и связывает их со словами даже сквозь кавычки и скобки (например, <code>и&nbsp;«Беда» села на мель</code>).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-quote me-1"></i> Кавычки «ёлочки» и „лапки“</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Замена машинных прямых кавычек (<code>"</code>) на правильные русские «ёлочки» и французские „лапки“ для вложенных цитат. Поддержка английской, современной русской и русской дореформенной типографики («безъ», «въ», «надъ», «сiя»…).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-dash-lg me-1"></i> Тире, числа и диапазоны</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Замена дефисов на длинное тире (—) с языковой отбивкой, среднее тире (–) в числовых интервалах (1941–1945, 10–20 кг). Корректная обработка арабских и римских чисел (например, XXI век, III в. н. э.).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-person-badge me-1"></i> Инициалы и сокращения</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Связывание неразрывными пробелами инициалов (А.С. Пушкин), устойчивых сокращений (ЗАО «Рога и Копыта», др. Барменталь), сокращений («и т.д.», «и др.»), знаков (§ 5, № 12) и единиц (100 руб., 50 м²).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-layout-text-sidebar me-1"></i> Висячая пунктуация</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Оптическое выравнивание левого и правого края текстового блока за счет выноса кавычек, скобок и тире за границу полосы набора. Идеально для крупных заголовков, цитат, выносов и врезок.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-shield-check me-1"></i> Санитайзер и спецсимволы</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Встроенный HTML-санитайзер: очистка текста от мусорных тегов при копировании из Word/Google Docs, сброс разметки висячей пунктуации. Обработка псевдографики (<code>(c)</code> → ©, <code>(tm)</code> → ™, <code>+/-</code> → ±).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-fonts me-1"></i> Переносы в словах</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Автоматическая расстановка мягких переносов (<code>&shy;</code>) в длинных словах с настраиваемым порогом длины (от 12 символов). Колонки текста аккуратно перено­сятся в узких блоках и на мобильных экранах без разрыва вёрстки.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-code-slash me-1"></i> Форматы вывода и гибкие правила</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Поддержка HTML с мнемониками, смешанного режима и Unicode (UTF-8) для постов в соцсетях (VK, Telegram, Reddit). Любые группы правил можно гибко комбинировать, включать или отключать под конкретную задачу или проект.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||
<h3 class="h6 fw-bold"><i class="bi bi-infinity me-1"></i> Бесплатно и безлимитно</h3>
|
||||
<p class="small text-muted mb-0">
|
||||
Полная свобода использования без ограничений по объёму текста, без регистрации, подписок и рекламы. Доступен как онлайн-сервис, так и в виде открытой библиотеки для Python по лицензии MIT.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr />
|
||||
<section class="mb-5">
|
||||
<h2 class="h4 mb-3">Кому подходит типограф ETPGRF</h2>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<div class="border-start border-3 border-secondary ps-3">
|
||||
<h3 class="h6 fw-bold">Контент-менеджерам и дизайнерам</h3>
|
||||
<p class="small text-muted">
|
||||
Профессиональный визуальный ритм и читаемость текста в веб-интерфейсах, блогах, SMM-публикациях в соцсетях и электронных рассылках.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="border-start border-3 border-secondary ps-3">
|
||||
<h3 class="h6 fw-bold">Веб-разработчикам и верстальщикам</h3>
|
||||
<p class="small text-muted">
|
||||
Получайте чистый, валидный HTML-код с неразрывными пробелами и мнемониками, готовый к вставке в шаблоны, CMS и лендинги.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="border-start border-3 border-secondary ps-3">
|
||||
<h3 class="h6 fw-bold">Редакторам и копирайтерам</h3>
|
||||
<p class="small text-muted">
|
||||
Быстрая автоматическая подготовка статей, колонок и постов для публикации без рутинной ручной расстановки спецсимволов.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<hr />
|
||||
<section class="mb-5">
|
||||
<h2 class="h4 mb-3">Интеграция в проекты: Python-библиотека etpgrf</h2>
|
||||
<p class="small text-muted">
|
||||
Вы можете свободно использовать движок etpgrf-типографа офлайн в своих Python-скриптах, Django-, FastAPI- или Flask-приложениях и сайтах:
|
||||
</p>
|
||||
<div class="bg-body-tertiary p-3 rounded border font-monospace small mb-3">
|
||||
<div class="text-secondary mb-1"># Установка через pip:</div>
|
||||
<div class="text-success fw-bold mb-3">pip install etpgrf</div>
|
||||
<div class="text-secondary mb-1"># Пример использования в коде:</div>
|
||||
<div><span class="text-primary">from</span> etpgrf.main <span class="text-primary">import</span> Typographer</div>
|
||||
<div class="mt-1">tp = Typographer(lang=<span class="text-success">'ru'</span>, mode=<span class="text-success">'mixed'</span>)</div>
|
||||
<div>formatted_html = tp.process(<span class="text-success">'Правильная вёрстка "кавычек" и отбивка тире -- улучшают читаемость текста на сайте!'</span>)</div>
|
||||
</div>
|
||||
<p class="small text-muted mb-0">
|
||||
Подробная документация и исходный код библиотеки открыты на <a href="https://github.com/erjemin/etpgrf" target="_blank" rel="noopener">GitHub</a> и <a href="https://pypi.org/project/etpgrf/" target="_blank" rel="noopener">PyPI</a>.
|
||||
</p>
|
||||
</section>
|
||||
<hr />
|
||||
<section class="mb-5">
|
||||
<h2 class="h4 mb-3">Часто задаваемые вопросы (FAQ)</h2>
|
||||
<div class="accordion" id="faqAccordion">
|
||||
<div class="accordion-item bg-body-tertiary">
|
||||
<h3 class="accordion-header" id="faqHeadingOne">
|
||||
<button class="accordion-button collapsed bg-body-tertiary" type="button" data-bs-toggle="collapse" data-bs-target="#faqOne" aria-expanded="false" aria-controls="faqOne">
|
||||
Зачем типографировать текст перед публикацией на сайте?
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faqOne" class="accordion-collapse collapse" aria-labelledby="faqHeadingOne" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body small text-muted">
|
||||
В вебе строки переносятся динамически в зависимости от экрана устройства. Без неразрывных пробелов предлоги и союзы часто «висят» на концах строк, а дефисы путаются с длинным тире. Типографика делает текст легким для восприятия и профессиональным.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item bg-body-tertiary">
|
||||
<h3 class="accordion-header" id="faqHeadingTwo">
|
||||
<button class="accordion-button collapsed bg-body-tertiary" type="button" data-bs-toggle="collapse" data-bs-target="#faqTwo" aria-expanded="false" aria-controls="faqTwo">
|
||||
Чем ETPGRF отличается от Типографа Студии Лебедева или Типографа Муравьёва?
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faqTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body small text-muted">
|
||||
ETPGRF разработан на современной открытой кодовой базе Python 3, активно поддерживается, умеет корректно обрабатывать смешанные русско-английские тексты (ru+en), имеет гибкий выбор режима кодирования (Unicode/HTML-мнемоники), настраиваемую висячую пунктуацию и может работать как локальный модуль или веб-микросервис.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item bg-body-tertiary">
|
||||
<h3 class="accordion-header" id="faqHeadingThree">
|
||||
<button class="accordion-button collapsed bg-body-tertiary" type="button" data-bs-toggle="collapse" data-bs-target="#faqThree" aria-expanded="false" aria-controls="faqThree">
|
||||
Сохраняются ли введённые тексты на сервере?
|
||||
</button>
|
||||
</h3>
|
||||
<div id="faqThree" class="accordion-collapse collapse" aria-labelledby="faqHeadingThree" data-bs-parent="#faqAccordion">
|
||||
<div class="accordion-body small text-muted">
|
||||
Нет, сервис соблюдает полную конфиденциальность. Тексты обрабатываются исключительно в памяти в момент отправки запроса и не сохраняются в базу данных и логи.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user