• 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
65 wizyt
pytanie zadane 14 czerwca 2018 w HTML i CSS przez Suska Łukasz Użytkownik (520 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 2018 przez ProgramistaStepek Nałogowiec (26,640 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 (520 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 (26,640 p.)
Może ::after, ::before będzie rozwiązaniem?
komentarz 14 czerwca 2018 przez Suska Łukasz Użytkownik (520 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 2018 przez Suska Łukasz Użytkownik (520 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
3 odpowiedzi 100 wizyt
pytanie zadane 27 sierpnia 2018 w JavaScript, jQuery, AJAX przez vneb Początkujący (490 p.)
0 głosów
2 odpowiedzi 54 wizyt
pytanie zadane 28 lipca 2018 w HTML i CSS przez marek90552 Początkujący (430 p.)
0 głosów
1 odpowiedź 78 wizyt
pytanie zadane 17 stycznia 2018 w HTML i CSS przez SU Nowicjusz (170 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

62,317 zapytań

108,449 odpowiedzi

226,395 komentarzy

35,105 pasjonatów

Przeglądających: 222
Pasjonatów: 17 Gości: 205

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.

...