lightbox.js - treść w 'data-title ' a SEO

pytanie zadane 14 czerwca 2018 w HTML i CSS przez Suska Łukasz Użytkownik (560 p.)

Witam

Na swojej stronie mam umieszczony skrypt lightbox, a wygląda to w HTML tak:

<div class="photo fotobar workers7">

<a href="../img/warszawa/Zamek_Krolewski.jpg" data-lightbox="example-2" data-title="Zamek Królewski"><img class="example-image" src="../img/warszawa/Zamek_Krolewski.jpg" alt="Zamek Królewski"></a>

<a class="opis" href="../img/warszawa/Zamek_Krolewski.jpg" data-lightbox="example-2.1" data-title="Zamek Królewski">
<p>Zamek Królewski</p>
</a>
</div>

Chciałbym dowiedzieć się, jak ma się do SEO atrybut "data-title"?

Z przyczyn praktycznych muszę go użyć dwa razy do każdego obrazka, dodatkowo w znaczniku img mam atrybut 'alt' w którym umieszczam na ten moment tą samą treść (robię tak po części przez to że wydaje mi się, iż atrybut "data-title" nie jest uwzględniany przez robota).

Proszę mnie poprawić jeśli się mylę, nie chce mieć odjętych punkcików od wujka google za powielanie treści.

2 odpowiedzi

odpowiedź 14 czerwca 2018 przez ProgramistaStepek Nałogowiec (27,020 p.)
wybrane 14 czerwca 2018 przez Suska Łukasz

Najlepsza

Chciałbym dowiedzieć się, jak ma się do SEO atrybut "data-title"?

Nie wpływa to na negatywnie na SEO, ponieważ jest to element "data attributes", które są wspierane i rozumiane przez przeglądarki oraz nie są indexowane przez google.

Z przyczyn praktycznych muszę go użyć dwa razy do każdego obrazka

Jakie to są te "przyczyny praktyczne"? Nie znam sensownego powodu dublowania treści na stronie.

wydaje mi się, iż atrybut "data-title" nie jest uwzględniany przez robota

Tak, to prawda

komentarz 14 czerwca 2018 przez Suska Łukasz Użytkownik (560 p.)

Do każdego img z lightboxa dodałem efekt, gdzie po samym najechaniu kursorem pojawia się opis (w tym przypadku "zamek królewski") na tle obrazka.

Do tego celu użyłem znacznika <a> w którym musiałem zdublować ścieżkę ' data-lightbox="example-2" data-title="Zamek Królewski" '.

Jeśli tego bym nie zrobił to po kliknięciu w miejsce napisu <p>Zamek Królewski</p> wyświetliłby mi się sam obrazek w przeglądarce.

Dzięki zdublowaniu tej linijki, zarówno po naciśnięciu obrazka jak i opisu, strona wyświetla jednakowy efekt dla obu ruchów (to jest powiększony obrazek na zaciemnionym tle + rozszerzony opis).

Jeśli można to zrobić prościej to chętnie posłucham.

komentarz 14 czerwca 2018 przez ProgramistaStepek Nałogowiec (27,020 p.)

Może ::after, ::before będzie rozwiązaniem?

komentarz 14 czerwca 2018 przez Suska Łukasz Użytkownik (560 p.)

Fajna właściwość ale nie do końca wiem jak mogłaby mi pomóc.

Po pierwsze nie wiem jak sprawić aby treść ukazała się w data-title?

Po drugie z tego co rozumiem to i tak musiałbym kopiować tekst z html do css dla każdego pojedynczego obrazka, więc nie jest to jakieś szczególnie "łatwiejsze" rozwiązanie.

W każdym bądź razie dziękuję za pomoc. Jeśli się mylę z powyższym to super, chętnie posłucham prawidłowego rozwiązania .