Wysyłasz klientowi użyteczny artykuł, ale wiadomość pokazuje ogólny obraz studia i niejasny tytuł. Jeszcze przed otwarciem strony czytelnik musi zgadywać, co zawiera link. Zacznij naprawę od prostego pytania redakcyjnego, zamiast losowo przepisywać każde pole: którą stronę przedstawiamy i co czytelnicy powinni zrozumieć przed kliknięciem?
Najpierw rozdziel trzy konteksty
Element HTML <title> nazywa dokument na karcie przeglądarki. Dokumentacja MDN. Opis strony można dostarczyć przez meta name="description". Dokumentacja MDN elementu meta.
Google automatycznie tworzy tytuły wyników wyszukiwania na podstawie kilku źródeł. Dokumentacja Google. Fragmenty wyników korzystają głównie z treści strony, czasem z metaopisu, i zmieniają się w zależności od zapytania. Dokumentacja fragmentów.
Open Graph wymaga og:title, og:type, og:image i og:url. Opcjonalne og:image:width oraz og:image:height określają wymiary; og:image:alt opisuje obraz, nie jego podpis. Specyfikacja Open Graph.
Przeznacz osobny wiersz dokumentu roboczego na każdy kontekst: „karta”, „wyszukiwanie” i „udostępnianie”. Zapisz pożądany tekst obok zaobserwowanego wyniku. Dzięki temu zespół nie myli decyzji redakcyjnej z zachowaniem konkretnej aplikacji.
Napisz mały brief dla linku
Wyobraź sobie artykuł o przygotowywaniu fotografii do portfolio. Zamiast „Przydatne informacje” spróbuj „Jak wybrać 12 fotografii do portfolio”. Roboczy opis może brzmieć: „Kryteria wyboru, kolejność zdjęć i kontrola przed publikacją”. To wymyślony przykład sformułowania, nie obiecany wynik: liczba 12 pasuje tam tylko wtedy, gdy artykuł rzeczywiście pracuje z takim wyborem.
Sprawdź brief bez obrazu. Czy temat jest zrozumiały? Następnie usuń opis: czy tytuł nadal jest konkretny? Poproś współpracownika, by jednym zdaniem opisał, czego spodziewa się po kliknięciu. Jeśli odpowiedź nie pasuje do artykułu, popraw sformułowanie zamiast dodawać promocyjne przymiotniki.
Strona główna i artykuł potrzebują różnych okładek
Rozpoznawalna kompozycja marki może pasować do strony głównej. Dla pojedynczego artykułu przygotuj obraz wyjaśniający jego temat: wybór fotografii, szczegół procesu lub prostą ilustrację tematyczną. Wspólne kolory i niewielki znak marki mogą łączyć serię, ale nie powinny zastępować jej treści.
Wypróbuj szerokie i kwadratowe kadry w edytorze jako test odporności, nie uniwersalną specyfikację platform. Zachowaj ważny temat blisko środka i zostaw miejsce przy krawędziach. Obejrzyj małą wersję na telefonie. Jeśli tekst daje się przeczytać dopiero po powiększeniu, usuń go lub znacznie skróć.
Lista kontrolna przed udostępnieniem
- Zapisz adres. Testuj ostateczny publiczny URL w zamierzonym języku, nie szkic ani stronę główną.
- Porównaj treści. Tytuł, opis i okładka powinny przedstawiać ten sam artykuł. Usuń pola przypadkowo odziedziczone po innym wpisie.
- Otwórz obraz osobno. Upewnij się, że jego URL prowadzi do właściwego pliku bez konieczności logowania na konto.
- Sprawdź stronę, nie tylko formularz. Zapisane pole w edytorze nie dowodzi, że zamierzone dane pojawiły się w opublikowanym HTML-u.
- Obejrzyj rzeczywistą kartę. W docelowej aplikacji sprawdź obraz, kadr, tekst i adres docelowy. Jeśli tego nie przetestowano, odpowiednio to oznacz.
- Powtórz dla wersji językowych. Nie poprzestawaj na tłumaczeniu tytułu: sprawdź opis, obrazy zawierające tekst i stronę docelową.
Co oznacza „gotowe”
Zachowaj krótki zapis: adres, język, czas, aplikacja, wynik i następny krok. Oddziel „pola zapisane”, „HTML sprawdzony” i „karta zaobserwowana”. Jeśli po zmianie pojawia się starsza wersja, nie obiecuj natychmiastowej aktualizacji ani nie wymyślaj czasu przechowywania w pamięci podręcznej. Zapisz przykład i sprawdź dostępną metodę odświeżenia w konkretnym serwisie. Cel jest prosty: czytelnicy rozumieją link, a zespół dokładnie wie, co potwierdzono.