• 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

VPS Starter Arubacloud
0 głosów
276 wizyt
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

0 głosów
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 .
0 głosów
odpowiedź 14 czerwca 2018 przez Suska Łukasz Użytkownik (560 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 270 wizyt
pytanie zadane 27 sierpnia 2018 w JavaScript przez vneb Początkujący (490 p.)
0 głosów
0 odpowiedzi 124 wizyt
pytanie zadane 10 października 2019 w HTML i CSS przez livinsky Nowicjusz (230 p.)
0 głosów
2 odpowiedzi 453 wizyt
pytanie zadane 28 lipca 2018 w HTML i CSS przez marek90552 Początkujący (430 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...