• 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

Konferencja JOIN! 2018
0 głosów
43 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 Nałogowiec (25,680 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 Nałogowiec (25,680 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
3 odpowiedzi 95 wizyt
pytanie zadane 27 sierpnia w JavaScript, jQuery, AJAX przez vneb Początkujący (490 p.)
0 głosów
2 odpowiedzi 41 wizyt
0 głosów
1 odpowiedź 70 wizyt
pytanie zadane 17 stycznia w HTML i CSS przez SU Nowicjusz (170 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

55,269 zapytań

99,579 odpowiedzi

204,900 komentarzy

27,239 pasjonatów

Przeglądających: 158
Pasjonatów: 1 Gości: 157

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.

...