mod: еще чуьт-чуть SEO

hypn0/templates/block/gallery_card.html

@@ -6,7 +6,8 @@
   <!-- Ссылка на полный просмотр картины -->
   <a href="{% url 'hypn0_site:gallery_detail' item.s_hash_id %}" 
      class="absolute inset-0 z-10 flex items-center justify-center p-3 sm:p-4 border-0 border-none no-underline hover:border-0 hover:border-none focus:outline-none"
-     title="{{ item.s_title }}">
+     title="«{{ item.s_title }}» — Анимированная SVG-картина #{{ item.s_hash_id }} | HypnoSVG"
+     aria-label="«{{ item.s_title }}» — Векторная картина #{{ item.s_hash_id }} в галерее HypnoSVG">
     <div class="hypn0-card-svg w-full h-full flex items-center justify-center drop-shadow-sm transition-transform duration-300 group-hover:scale-105 border-0">
       <template shadowrootmode="open">
         {# Declarative Shadow DOM: изолирует ID (<defs id="s1"..>) и стили каждой картины в галерее. #}

hypn0/templates/block/header.html

@@ -6,7 +6,7 @@
       {# ЛОГОТИП #}{% comment %}
       border-0 — логотип оборачивается в ссылку без текста, отключаем типовое
       пунктирное подчёркивание ссылки, которое иначе появится под картинкой.{% endcomment %}<div class="flex py-4">
-        <a href="/" class="border-0"><img src="{% static 'img/logo-hypn0.svg' %}" alt="Логотип hypn0"></a>
+        <a href="/" class="border-0" title="HypnoSVG (hypn0) — Главная"><img src="{% static 'img/logo-hypn0.svg' %}" alt="HypnoSVG (hypn0) — Генератор анимированных SVG-халфтонов" title="HypnoSVG (hypn0)"></a>
       </div>{# /ЛОГОТИП #}
       {# ПРАВОЕ МЕНЮ #}<menu class="flex items-center gap-x-4 justify-self-start text-xl font-semibold text-slate-900 dark:text-slate-100">
         <a href="{% url 'hypn0_site:gallery_archive' %}" class="px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg border-0 text-slate-900 dark:text-slate-100">галерея</a>

hypn0/templates/gallery/detail.html

@@ -77,6 +77,8 @@
 
     <!-- Полноэкранный просмотр SVG с живой анимацией и плавающими стрелками -->
     <div style="{{ item.card_bg_style }}" 
+         title="«{{ item.s_title }}» — Анимированная SVG-картина #{{ item.s_hash_id }} | HypnoSVG"
+         aria-label="«{{ item.s_title }}» — Векторная картина #{{ item.s_hash_id }} в галерее HypnoSVG"
          class="relative w-full aspect-square flex items-center justify-center rounded-2xl overflow-hidden shadow-inner border border-stone-300/80 dark:border-zinc-800/80 group select-none bg-[var(--card-bg-light)] dark:bg-[var(--card-bg-dark)]">
       
       <!-- Плавающая кнопка: Назад -->
@@ -309,8 +311,12 @@
             <span class="font-mono text-stone-900 dark:text-stone-100 scale-x-[-1]">Ȅ&nbsp;<sup>{% widthratio svg_stats.i_likes_count item.total_bytes 1 %}0</sup>/<sub>{% widthratio svg_stats.total_bytes item.i_likes_count 1 %}</sub></span>
           </li>
           <li class="flex justify-between items-center">
-            <span class="text-stone-500 dark:text-stone-400">Мозговые слизни:</span>
-            <span class="text-purple-600 dark:text-purple-400 font-bold">v0.1.0</span>
+            <span class="text-stone-500 dark:text-stone-400">Синтез-движок:</span>
+            <span class="text-purple-600 dark:text-purple-400 font-bold">HypnoSVG</span>
+          </li>
+          <li class="flex justify-between items-center">
+            <span class="text-stone-500 dark:text-stone-400">Бредогенерация:</span>
+            <span class="text-purple-600 dark:text-purple-400 font-bold">v0.1.1</span>
           </li>
         </ul>
       </div>