|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| {| class="wikitable" style="border:none; background:none;"
| | <div itemscope itemtype="https://schema.org" style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #111; color: #0f0; z-index: 99999; overflow-y: auto; padding: 50px; font-family: monospace;"> |
| |
| |
| <span id="Karta1"></span>
| |
| <span id="Karta2"></span>
| |
|
| |
|
| <div class="box info-start"> | | <h1 itemprop="headline">NAJWAŻNIEJSZE SŁOWO KLUCZOWE NA TYTUŁ POSTU</h1> |
| '''Witaj w poście!''' Wybierz rozdział książki poniżej:
| | |
| * [[#Karta1|Otwórz Rozdział 1]]
| | <p>Published on: <time itemprop="datePublished" datetime="2026-07-01">July 1, 2026</time> by <span itemprop="author">Twoja Marka</span></p> |
| * [[#Karta2|Otwórz Rozdział 2]]
| | |
| </div> | | <div itemprop="articleBody"> |
| | == TUTAJ PISZESZ SWÓJ ARTYKUŁ == |
| | Tutaj znajduje się Twoja główna treść, książka, unikalny wpis. |
|
| |
|
| <div class="box sekcja-pierwsza">
| | Główna zaleta tej metody: |
| == ROZDZIAŁ 1 == | | * '''Dla człowieka:''' Całe standardowe, nudne menu MediaWiki jest niewidoczne. Czytelnik ma pełnoekranowy, niesamowity klimatyczny widok (np. czarne tło i zielony tekst). |
| To jest treść pierwszego unikalnego wpisu. Tekst pojawił się znikąd!
| | * '''Dla Google (SEO):''' Tagi takie jak ''itemscope'', ''itemprop="articleBody"'' oraz ''itemprop="headline"'' bezczelnie podpowiadają robotowi Google, które słowa są najważniejsze. Bot dostaje "czysty flak" danych i natychmiast wrzuca stronę na samą górę, bo struktura kodu jest dla niego idealnie czytelna. |
| * [[#|Zamknij i wróć]]
| |
| </div> | | </div> |
|
| |
|
| <div class="box sekcja-druga">
| | * [[Main Page|Return to normal wiki]] |
| == ROZDZIAŁ 2 ==
| |
| To jest treść drugiego wpisu, ukryta w tej samej strukturze.
| |
| * [[#|Zamknij i wróć]] | |
| </div> | | </div> |
|
| |
| <style>
| |
| /* Ukrywanie sekcji na start */
| |
| .sekcja-pierwsza, .sekcja-druga { display: none; }
| |
|
| |
| /* Magia pseudo-selekrorów CSS działająca w silniku MediaWiki */
| |
| #Karta1:target ~ .info-start { display: none; }
| |
| #Karta1:target ~ .sekcja-pierwsza { display: block; background: #222; color: #fff; padding: 20px; }
| |
|
| |
| #Karta2:target ~ .info-start { display: none; }
| |
| #Karta2:target ~ .sekcja-druga { display: block; background: #005f73; color: #fff; padding: 20px; }
| |
| </style>
| |
| |}
| |