• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

0 głosów
33 wizyt
pytanie zadane 14 czerwca w HTML i CSS przez Suska Łukasz Początkujący (250 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

0 głosów
odpowiedź 14 czerwca przez ProgramistaStepek Pasjonat (23,400 p.)
wybrane 14 czerwca 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 przez Suska Łukasz Początkujący (250 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 przez ProgramistaStepek Pasjonat (23,400 p.)
Może ::after, ::before będzie rozwiązaniem?
komentarz 14 czerwca przez Suska Łukasz Początkujący (250 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 .
0 głosów
odpowiedź 14 czerwca przez Suska Łukasz Początkujący (250 p.)
Dodam tylko że opisy w "data-title" mam kilku zdaniowe (w pytaniu skruciłem je dla większej przejrzystości).

Podobne pytania

0 głosów
1 odpowiedź 65 wizyt
pytanie zadane 17 stycznia w HTML i CSS przez SU Nowicjusz (120 p.)
0 głosów
1 odpowiedź 55 wizyt
pytanie zadane 21 sierpnia 2017 w HTML i CSS przez wariacik Początkujący (320 p.)
0 głosów
2 odpowiedzi 153 wizyt
pytanie zadane 26 lipca 2016 w HTML i CSS przez ernest4013 Gaduła (3,160 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

51,027 zapytań

93,344 odpowiedzi

189,543 komentarzy

24,885 pasjonatów

Przeglądających: 295
Pasjonatów: 13 Gości: 282

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...