Interaktywna oś czasu autora w Wordpress - budowanie wiarygodności i E-E-A-T

Biografia autora, historia doświadczenia, zdjęcia realizacji i najważniejsze osiągnięcia w jednym miejscu. Poznaj darmową wtyczkę Design Cart Cloud Timeline, którą przygotowałem do tworzenia animowanych osi czasu w WordPressie.

Kiedy wdrażam strony internetowe dla klientów, coraz większą uwagę poświęcam nie tylko wyglądowi witryny, jej wydajności czy technicznemu SEO. Równie ważne staje się dla mnie to, kto stoi za publikowanymi treściami i w jaki sposób przedstawiamy tę osobę czytelnikom.

Dotyczy to szczególnie blogów firmowych, poradników i artykułów specjalistycznych.

Wyobraźmy sobie sklep internetowy z ręcznikami, którego właściciel od 25 lat zajmuje się tekstyliami. Na blogu publikuje artykuł o gramaturze bawełny, chłonności materiałów i różnicach pomiędzy poszczególnymi rodzajami włókien.

Czytelnik otrzymuje wartościową treść, ale skąd ma wiedzieć, kto ją przygotował? Czy autor rzeczywiście zna branżę? Czy przez lata pracował z tymi produktami, przeprowadzał testy, odwiedzał fabryki albo uczestniczył w produkcji?

Sam podpis pod artykułem niewiele wyjaśnia.

Dlatego przy wdrażaniu E-E-A-T bardzo często rozbudowuję profile autorów blogowych. Wykorzystuję do tego własne rozszerzenia WordPressa, które pozwalają zaprezentować doświadczenie autora w bardziej atrakcyjny i uporządkowany sposób.

Jednym z takich narzędzi jest Design Cart Cloud Timeline.

To wtyczka, która pozwala stworzyć interaktywną, animowaną oś czasu, połączyć ją z biografią autora i przedstawić historię jego doświadczenia w formie chronologicznych wpisów.

Nie chodzi jednak wyłącznie o efekt wizualny.

Chodzi o to, aby czytelnik mógł zobaczyć człowieka stojącego za publikacją, poznać jego historię i samodzielnie ocenić, czy warto zaufać jego wiedzy.

Współczesne tworzenie stron WWW dla firm wymaga już na etapie projektu zaplanowanie strategi wspierającej E-E-A-T, bez tego nie zdobędziemy siły by przebić się do wyszukiwarki Google czy cytowań AI. 

1. Dlaczego profile autorów stały się tak ważne?

Przez lata na wielu stronach firmowych autor bloga pozostawał właściwie anonimowy.

Pod artykułem można było znaleźć podpis „Administrator”, „Redakcja” albo nazwę firmy.

Czasami pojawiało się imię i nazwisko, ale po kliknięciu czytelnik trafiał jedynie na archiwum opublikowanych artykułów.

Dzisiaj, gdy internet jest wypełniony treściami tworzonymi i wspomaganymi przez sztuczną inteligencję, znaczenie autentycznego doświadczenia autora jest szczególnie duże.

Samo opublikowanie obszernego poradnika nie wyjaśnia jeszcze, dlaczego odbiorca powinien zaufać zawartym w nim informacjom.

Moim zdaniem warto uzupełnić artykuł o kontekst dotyczący jego twórcy.

Kim jest autor? Czym zajmuje się zawodowo? Jak długo pracuje w branży? Jakie projekty realizował? Na jakiej podstawie formułuje swoje opinie?

To pytania, na które dobrze przygotowany profil autora powinien pomagać znaleźć odpowiedź.

E-E-A-T — doświadczenie, wiedza, autorytet i zaufanie

Google posługuje się pojęciem E-E-A-T, obejmującym cztery obszary:

Google w swojej dokumentacji zachęca do wyraźnego przedstawiania autorów treści oraz udostępniania informacji o ich doświadczeniu i obszarach zainteresowań. Jednocześnie zaznacza, że E-E-A-T samo w sobie nie jest pojedynczym, bezpośrednim czynnikiem rankingowym.

developers.google.com

+1

To ważne rozróżnienie.

Sama instalacja wtyczki z osią czasu nie zwiększy automatycznie pozycji witryny w Google. Może natomiast pomóc lepiej zaprezentować autentyczny dorobek autora, a to wpisuje się w podejście do tworzenia treści zorientowanych na użytkownika.

I właśnie w ten sposób wykorzystuję Cloud Timeline.

2. Dlaczego stworzyłem Design Cart Cloud Timeline?

Podczas projektowania profili autorów coraz częściej brakowało mi możliwości przedstawienia ich doświadczenia w bardziej rozbudowany sposób.

Tradycyjna biografia sprawdza się do podstawowych informacji.

Można w niej napisać, że autor jest specjalistą z dwudziestoletnim doświadczeniem, ukończył określoną uczelnię i pracował przy wielu projektach.

Ale często sama deklaracja nie oddaje jego rzeczywistego dorobku.

Zupełnie inaczej wygląda to, gdy historię przedstawimy chronologicznie, z konkretnymi datami, opisami oraz zdjęciami.

Przykładowo:

Każdy taki etap może otrzymać zdjęcie i dodatkowy opis.

Zamiast kilku zdań o „wieloletnim doświadczeniu” otrzymujemy konkretną historię.

Nie chciałem jednak tworzyć kolejnego prostego komponentu z pionową linią i datami.

Zależało mi na bardziej charakterystycznej prezentacji, dlatego wykorzystałem animowaną oś czasu z chmurkami, które subtelnie poruszają się na ekranie.

W ten sposób powstał Design Cart Cloud Timeline który wykorzystujemy w DC przy tworzeniu stron Wordpress.

Tu warto dodać że w LAB znajdziesz również inny typ timeline który stworzyłem do prezentacji produktów w sklepie Woocommerce. Znajdziesz go tutaj: Jak przedstawić produkty na osi czasu w Woocommerce?

3. Co potrafi Design Cart Cloud Timeline?

Wtyczka umożliwia budowanie niezależnych osi czasu i osadzanie ich na dowolnej stronie obsługującej shortcode WordPressa.

Każda oś składa się z dwóch głównych obszarów.

Po lewej stronie znajduje się biografia autora, a obok historia jego działalności.

Podczas przewijania strony animowana oś czasu może reagować na ruch użytkownika. Efekt można regulować, zmieniając między innymi amplitudę falowania, szybkość animacji i intensywność dryfu chmurek.

Nie jest to zwykły, statyczny wykaz dat.

Najważniejsze możliwości

• Rozbudowana biografia autora ze zdjęciem i edytorem treści.

• Dowolna liczba wpisów na osi czasu, dodawanych i usuwanych z panelu.

• Zdjęcia przypisane do wydarzeń z biblioteki mediów WordPressa.

• Zmiana kolejności wydarzeń metodą przeciągnij i upuść.

• Dwa układy osi czasu: pionowy i poziomy.

• Animacje falowania i dryfu chmurek z możliwością regulacji.

• Indywidualna kolorystyka, typografia, odstępy i cienie.

• Shortcode, pozwalający umieścić oś czasu w wybranym miejscu.

• Wiele niezależnych osi czasu na jednej instalacji WordPressa.

To ostatnie jest szczególnie przydatne w serwisach z wieloma autorami.

Każda osoba może mieć swoją biografię, chronologię doświadczenia i własny zestaw wpisów.

4. Instalacja wtyczki w WordPressie

Design Cart Cloud Timeline instaluje się tak samo jak większość standardowych rozszerzeń WordPressa.

1. Pobieramy archiwum ZIP z wtyczką.

2. W panelu administracyjnym przechodzimy do Wtyczki → Dodaj nową wtyczkę → Wyślij wtyczkę na serwer.

3. Wybieramy pobrane archiwum i klikamy przycisk instalacji.

4. Aktywujemy wtyczkę.

5. W panelu administracyjnym otwieramy nową pozycję Cloud Timeline.

Wtyczka tworzy własny kokpit, w którym można dodawać nowe osie czasu, edytować istniejące, kopiować je oraz zarządzać ich konfiguracją.

Wymagania techniczne

Do stworzenia osi czasu nie trzeba edytować plików motywu ani pisać własnego JavaScriptu.

Konfigurację wykonujemy w panelu administracyjnym, a gotową oś osadzamy za pomocą shortcode.

5. Kokpit Cloud Timeline — zarządzanie osiami czasu

Po otwarciu Cloud Timeline trafiamy do głównego panelu.

Zaprojektowałem go tak, aby najważniejsze funkcje były dostępne bez konieczności przeszukiwania wielu poziomów menu.

W kokpicie znajdują się skróty prowadzące do trzech obszarów konfiguracji: Autor, Wpisy timeline oraz Ustawienia.

Możemy również utworzyć nową oś czasu, korzystając z przycisku Dodaj timeline.

Lista utworzonych osi czasu

Każdy zapisany timeline pojawia się na liście. Wyświetlany jest także shortcode umożliwiający osadzenie go na stronie.

Dostępne są następujące operacje:

Kopiowanie jest wygodne, jeśli wdrażamy kilka profili autorów o podobnym wyglądzie.

Możemy przygotować jedną bazową konfigurację kolorów, czcionek i animacji, a następnie wykorzystać ją jako punkt wyjścia dla kolejnych autorów.

W przypadku strony firmowej zależy mi zwykle na tym, aby wszystkie profile były wizualnie spójne.

6. Zakładka „Autor” — biografia i prezentacja doświadczenia

Cloud Timeline → Edycja timeline → Autor

To zakładka, od której warto rozpocząć konfigurację.

W tym miejscu definiujemy podstawowe informacje o osobie, której historia zostanie przedstawiona na osi czasu.

Jak przygotowuję biografię autora?

Nie ograniczam się do podania imienia, nazwiska i ogólnikowej informacji o doświadczeniu.

Staram się odpowiedzieć na kilka podstawowych pytań: czym autor zajmuje się zawodowo, od kiedy działa w branży, z jakimi problemami spotyka się w praktyce i dlaczego ma kompetencje, aby pisać na określony temat.

Istotne są konkretne informacje, a nie same deklaracje.

Jeżeli ktoś zajmuje się serwisem komputerowym od kilkunastu lat, warto pokazać, jakie systemy obsługuje, w czym się specjalizuje i z jakimi rodzajami awarii pracował.

Jeżeli autor publikuje poradniki dotyczące stolarki okiennej, można wskazać jego udział w pomiarach, montażach, modernizacjach czy realizacjach wymagających współpracy z konserwatorem zabytków.

W ten sposób biografia zaczyna pełnić funkcję informacyjną, zamiast być jedynie ozdobą pod zdjęciem.

Zdjęcie autora

Moim zdaniem autentyczne zdjęcie jest istotnym elementem takiego profilu.

Oczywiście nie każdy autor musi publikować profesjonalną sesję fotograficzną. Zdjęcie z miejsca pracy, warsztatu czy podczas realizacji projektu może być nawet bardziej przekonujące.

Najważniejsze, aby rzeczywiście przedstawiało osobę, którą opisujemy.

To ma szczególne znaczenie w kontekście E-E-A-T. Google przestrzega przed przedstawianiem fikcyjnych autorów i wymyślonych kwalifikacji jako autentycznych.

developers.google.com

+1

 

7. Zakładka „Wpisy timeline” — budowanie historii autora

Cloud Timeline → Edycja timeline → Wpisy timeline

Ta zakładka odpowiada za chronologiczną prezentację doświadczenia.

Każdy wpis może przedstawiać inny etap kariery, projekt, szkolenie, publikację, wyróżnienie albo istotne wydarzenie.

Wpisy dodajemy dynamicznie, za pomocą przycisku Dodaj wpis.

Konfiguracja pojedynczego wpisu

Warto podkreślić, że pole daty nie wymusza jednego formatu kalendarzowego.

Możemy wpisać konkretny rok, przedział lat albo własną etykietę. Przy przedstawianiu wieloletniego doświadczenia jest to wygodniejsze niż ograniczenie każdego wpisu do dokładnej daty dziennej.

Jakie wydarzenia warto pokazywać?

W przypadku profili autorów najchętniej wykorzystuję oś czasu do przedstawienia rzeczywistych etapów zdobywania doświadczenia.

Mogą to być początki pracy w branży, ukończone szkolenia, ważne realizacje, rozwój własnej firmy, udział w specjalistycznych projektach czy rozpoczęcie działalności edukacyjnej.

Nie ma potrzeby dodawać każdego roku z życia autora.

Lepiej przedstawić kilka konkretnych, znaczących wydarzeń niż kilkadziesiąt ogólnikowych wpisów, które niewiele mówią o jego kompetencjach.

Zdjęcia jako dowód praktycznego doświadczenia

To jeden z powodów, dla których bardzo zależało mi na możliwości dodawania zdjęć do wpisów.

Jeżeli autor rzeczywiście wykonywał określone prace, warto pokazać fotografie tych realizacji.

Przykładowo specjalista zajmujący się renowacją stolarki może umieścić zdjęcie z trudnego montażu w zabytkowym budynku. Informatyk może przedstawić projekt infrastruktury serwerowej, a właściciel firmy produkcyjnej — zdjęcia z procesu produkcji.

Takie materiały dostarczają czytelnikowi dodatkowego kontekstu.

Trzeba jednak pamiętać, że zdjęcie samo w sobie nie jest dowodem wszystkich deklarowanych kwalifikacji. Dobrze, gdy opisowi towarzyszą informacje, które można zweryfikować.

8. Zakładka „Ustawienia” — pełna personalizacja wyglądu

Cloud Timeline → Edycja timeline → Ustawienia

To najbardziej rozbudowana część wtyczki.

Nie chciałem ograniczać użytkownika do jednej palety kolorystycznej ani do sztywno ustalonych rozmiarów elementów.

Design Cart Cloud Timeline ma działać zarówno na jasnej, minimalistycznej stronie firmowej, jak i na bardziej charakterystycznym blogu z ciemnym motywem.

Dlatego przygotowałem kilka grup ustawień.

8.1. Nagłówki na froncie

Pierwsza sekcja odpowiada za teksty wyświetlane nad osią czasu.

Przykładowo, na stronie autora można zastosować tytuł „Moja droga zawodowa” i podtytuł „Ponad 20 lat doświadczenia w branży tekstylnej”.

Na innych stronach możemy wykorzystać nagłówki „Historia doświadczenia”, „Najważniejsze realizacje” lub „Etapy kariery”.

8.2. Typografia — autor i wpisy

W tej sekcji można indywidualnie dopasować wielkość tekstów.

Rozdzielenie tych parametrów daje sporą swobodę.

Można przygotować duże, wyraziste nazwisko autora, nie powiększając jednocześnie wszystkich opisów wydarzeń.

Albo odwrotnie — zastosować oszczędny profil autora, ale mocniej wyeksponować daty i tytuły poszczególnych etapów.

8.3. Wymiary i odstępy

To kolejna grupa ustawień znajdująca się w części dotyczącej typografii i układu.

Takie parametry są szczególnie istotne, gdy osadzamy timeline wewnątrz istniejącego motywu WordPressa.

Szeroka kolumna autora może dobrze wyglądać na dużym monitorze, ale w węższym kontenerze często lepszy będzie bardziej kompaktowy układ.

8.4. Cienie — bio i chmurki

Kolejna sekcja pozwala dostosować głębię elementów.

Wartości zerowe pozwalają wyłączyć odpowiednie efekty.

Dzięki temu można przygotować zarówno bardziej przestrzenny, efektowny projekt, jak i płaską, minimalistyczną prezentację.

8.5. Orientacja timeline

Wtyczka oferuje dwa warianty układu osi czasu.

8.6. Kolory timeline

To sekcja, w której można dostosować całą paletę wizualną.

Wbudowane pola wyboru koloru upraszczają dopasowanie wyglądu do identyfikacji wizualnej strony.

Nie trzeba znać CSS, aby przygotować własną kompozycję.

8.7. Animacja

Animacje są jednym z elementów wyróżniających Design Cart Cloud Timeline.

Nie polegają wyłącznie na jednorazowym pojawieniu się wpisów na ekranie. Oś wykorzystuje również efekty falowania i subtelnego ruchu chmurek.

Trzy podstawowe parametry pozwalają regulować ich zachowanie.

Niewielkie wartości pozwalają uzyskać delikatny efekt, który nie odciąga uwagi od treści.

Przy bardziej kreatywnych projektach możemy pozwolić sobie na wyraźniejsze animacje.

Sam preferuję raczej subtelny ruch — szczególnie gdy timeline stanowi element profesjonalnego profilu autora.

W takim zastosowaniu treść powinna pozostać najważniejsza, a animacja jedynie ułatwiać jej atrakcyjną prezentację.

9. Jak umieścić Cloud Timeline na stronie WordPressa?

Po przygotowaniu biografii, wpisów i ustawień zapisujemy oś czasu.

Wtyczka generuje dla niej indywidualny shortcode:

      
        [dc_cloud_timeline id="123"]
      
    

Liczba 123 jest przykładowym identyfikatorem. Każda utworzona oś czasu otrzymuje własne ID.

Shortcode możemy umieścić w edytorze blokowym WordPressa, w treści strony, wpisu lub w odpowiednim widżecie kreatora stron, który obsługuje shortcode.

Czy można utworzyć kilka osi czasu?

Tak. To jedna z ważniejszych cech rozwiązania.

Możemy stworzyć osobny profil dla każdego autora bloga, a następnie wykorzystać go na jego indywidualnej podstronie.

Przykładowo:

      
        [dc_cloud_timeline id="12"]
[dc_cloud_timeline id="18"]
[dc_cloud_timeline id="25"]
      
    

Każdy identyfikator odwołuje się do osobno zapisanej konfiguracji.

Dzięki temu możemy przygotować profile wielu autorów bez powielania kodu HTML i JavaScript.

10. Jak wykorzystuję Cloud Timeline podczas wdrażania E-E-A-T?

Dla mnie profil autora nie powinien być przypadkowym dodatkiem do bloga.

Traktuję go jako osobny, ważny element architektury serwisu.

Zwykle zaczynam od przeanalizowania, kto faktycznie tworzy treści. Następnie przygotowuję profil autora, zbieram informacje o jego doświadczeniu i łączę go z publikowanymi artykułami.

Design Cart Cloud Timeline wykorzystuję jako element rozszerzający taką prezentację.

Przykładowy schemat wygląda następująco:

W ten sposób czytelnik może rozpocząć od pojedynczego artykułu, przejść do autora i lepiej poznać historię osoby odpowiedzialnej za publikację.

Przykład: ekspert z branży IT

Załóżmy, że specjalista od obsługi informatycznej firm publikuje poradnik o zabezpieczaniu sieci komputerowych.

Na jego osi czasu można przedstawić historię pracy z infrastrukturą IT, doświadczenie w administrowaniu serwerami, realizacje sieciowe, uzyskane certyfikaty czy rozwój prowadzonej działalności.

Czytelnik może sprawdzić, skąd bierze się wiedza autora.

Przykład: specjalista od stolarki okiennej

W branży budowlanej praktyczne doświadczenie ma ogromne znaczenie.

Autor piszący o montażu okien może zaprezentować fotografie własnych realizacji, doświadczenia z montażem stolarki w trudnych warunkach, przeprowadzone modernizacje czy projekty wymagające szczególnej wiedzy technicznej.

Tego rodzaju informacje mogą być znacznie bardziej użyteczne niż sam podpis „Ekspert z 20-letnim doświadczeniem”.

Przykład: właściciel sklepu internetowego

Nawet w e-commerce autorzy firmowych poradników mogą posiadać bardzo konkretne kompetencje.

Przedstawienie historii produkcji, współpracy z dostawcami, testów produktów lub rozwoju specjalizacji może pomóc zrozumieć, dlaczego określona osoba doradza klientom w wyborze produktów.

W każdym z tych przypadków nie chodzi o stworzenie sztucznego wizerunku eksperta.

Chodzi o pokazanie rzeczywistego doświadczenia, które już istnieje, ale wcześniej nie było odpowiednio przedstawione na stronie.

11. Czy animowana oś czasu poprawia SEO?

To pytanie wymaga pewnego rozróżnienia.

Google nie deklaruje, że posiadanie animowanej osi czasu autora zwiększa ranking witryny.

E-E-A-T nie jest również oddzielnym wynikiem punktowym, który można podnieść przez doinstalowanie kilku rozszerzeń.

developers.google.com

Dlatego nie przedstawiam Design Cart Cloud Timeline jako narzędzia gwarantującego wzrost pozycji.

Widzę natomiast kilka rzeczywistych korzyści.

Przede wszystkim wtyczka pomaga tworzyć bardziej rozbudowane profile autorów, uzupełnione o konkretne informacje dotyczące ich historii i doświadczenia.

Tak przygotowany profil może zwiększać przejrzystość autorstwa, ułatwiać czytelnikom ocenę kompetencji i dostarczać dodatkowego kontekstu dla publikowanych artykułów.

A to kierunek zgodny z dokumentacją Google, która zachęca do przejrzystego wskazywania twórców treści i udostępniania informacji o ich doświadczeniu.

developers.google.com

Warto jednak pamiętać, że sama oś czasu nie zastąpi jakości artykułów, wiarygodnych źródeł, rzeczywistego dorobku autora ani innych elementów rzetelnie przygotowanej witryny.

12. Do czego jeszcze można wykorzystać Design Cart Cloud Timeline?

Chociaż wtyczkę wykorzystuję przede wszystkim do rozbudowy profili autorów, nie ograniczyłem jej konstrukcji wyłącznie do tego zastosowania.

Możemy przecież przedstawić nie tylko historię człowieka, ale również firmy, produktu czy projektu.

Przykładowe zastosowania to historia rozwoju przedsiębiorstwa, kalendarium realizacji, etapy projektu, historia marki, rozwój produktu lub prezentacja ważnych osiągnięć organizacji.

Zamiast biografii konkretnej osoby możemy wykorzystać nazwę firmy, jej logo i opis, a kolejne wpisy potraktować jako wydarzenia z historii działalności.

Dzięki temu Cloud Timeline może pełnić również funkcję rozbudowanego elementu strony „O nas”.

13. Pobieranie Design Cart Cloud Timeline

Design Cart Cloud Timeline jest wtyczką WordPress udostępnianą na licencji GPLv2 lub nowszej.

Projekt przygotowałem jako samodzielne rozszerzenie, które można zainstalować z pliku ZIP i skonfigurować bez pisania własnego kodu.

0

14. Podsumowanie — pokażmy, kto naprawdę stoi za treściami

Tworząc strony internetowe, coraz częściej zwracam uwagę na to, jak przedstawiamy osoby odpowiedzialne za publikowane materiały.

Dobry artykuł powinien przede wszystkim dostarczać czytelnikowi wartościowych informacji.

Ale jeżeli za tym artykułem stoi osoba posiadająca wieloletnie doświadczenie, ciekawe realizacje i rzeczywistą wiedzę, warto to pokazać.

Nie tylko w postaci jednego zdania pod zdjęciem.

Design Cart Cloud Timeline przygotowałem właśnie po to, aby takie historie można było prezentować w atrakcyjny, uporządkowany sposób.

Animowana oś czasu, biografia autora, zdjęcia i chronologiczne wydarzenia pozwalają zamienić zwykły profil w znacznie bardziej rozbudowaną prezentację doświadczenia.

Nie jest to gotowy przepis na wysokie pozycje w Google ani sposób na automatyczne uzyskanie E-E-A-T.

To po prostu narzędzie, które pomaga lepiej przedstawić rzeczywistych ludzi stojących za treściami.

A w czasach, gdy coraz trudniej odróżnić autentyczne doświadczenie od dobrze napisanego, ale anonimowego tekstu, uważam to za bardzo ważne. 🙂