LazyLoad + SEO
Sziasztok,
Főleg RWD miatt előjön a lazyload képekkel kapcsolatban. Láttam pár oldalt ami használja, de pár hete jutottam el oda, hogy megnézzem a működését.
Valakinek van tapasztalata, hogy a google ezért ad-e büntetést, le tudja-e indexelni az igazi képeket vagy csak nem lesz benne a képkeresőben egyik képünk sem?
LazyLoad működése képeknél (aki esetleg nem értené a kérdést):
- még szerver oldalon IMG src-be egy üres kép elérése megy, egyik attribútuma megkapja az eredeti kép elérését
- amikor elér a képig a felhasználó JS-el, src-t átváltoztatja az igazi elérési útvonalra (és megkapjuk a képet :))
■ Főleg RWD miatt előjön a lazyload képekkel kapcsolatban. Láttam pár oldalt ami használja, de pár hete jutottam el oda, hogy megnézzem a működését.
Valakinek van tapasztalata, hogy a google ezért ad-e büntetést, le tudja-e indexelni az igazi képeket vagy csak nem lesz benne a képkeresőben egyik képünk sem?
LazyLoad működése képeknél (aki esetleg nem értené a kérdést):
- még szerver oldalon IMG src-be egy üres kép elérése megy, egyik attribútuma megkapja az eredeti kép elérését
- amikor elér a képig a felhasználó JS-el, src-t átváltoztatja az igazi elérési útvonalra (és megkapjuk a képet :))
Szerintem
noscript
<noscript>tag-be teszed a képet?Szerencsére ez még nem
Köszi a választ/linkelést.
hivatkozás
Mármint <a href>? :) Ez már
Tehát kb ez van akkor, ettől függetlenül köszi :D
Szerintem elegáns megoldás.
az illető a szerkesztett
de szerver oldalon nem üres képre rakod az img src attribútumát, és egy másik attribútumba az eredeti forrást, hanem csinálsz egy 'a' tag-et, a href-be berakod a kép forrását, a szövegbe pedig mehet az alt rész ha van, valamint adsz neki egy osztályt, hogy feldolgozáskor kliens oldalon könnyen megtaláld.
-a szerkesztett tartalom ugyanolyan, mint eddig.
-nem nehezebb előállítani, visszaalakítani mint a másik verziót
-nem kell üres képet pluszban letölteni
-szerintem jóval szemantikusabb, mint a 'herélt' img tag
-nem kell noscript, de javascript nélkül sem veszik el a tartalom.
valaki okos mondja meg, igazából nekem mindegy
Link
noscriptis tökéletes megoldás. A link esetén még használnám atitleattribútumot is, ezzel megnevezném a tartalmat, amire a link mutat. Ez hasznos lehet SEO célokból, mivel ha valaki ténylegesen ellátogat a linkre, akkor ugye ott nem lesz mástitle.A
noscriptannyiban lehet szerencsésebb, hogy a felhasználó akkor is látja a képet, ha nem látogat el a linkre (azaz már az aktuális oldalon látja a tartalmat) JavaScript bekapcsolása nélkül is.A noscript-tel az a baj, hogy
noscript-tel az a baj, hogy nem használható XHTML-ben.És akkor mi van?
Egyszerűbb, szigorúbb nyelv.
Jogos :) Nem tudom (már),
Igazad van ezt is jónak érzem, van 2 potencális megoldás, azt hiszem mindenki örülhet :D
Herélt img elején nekem sem tetszett, de ezzel a noscript taggel már megbékéltem :)
Legközelebbi hobbi projektben valószínűleg ki is próbálom :)
Ez nem értem, miért húzósabb
<a class="modositando" ...>...</a>
document.getElementsByClassName("modositando") és ha nem
mindet akarod átírni, akkor válogatsz közülük.
Valamit félreértek?
Fentebb megírtam, már én sem
Nem vagyok benne túlzottan a
Amit láttam CSS tricks-en az
Különböző tagek vannak (figure?picture?) tervben, de ezek még nagyoooon csak tervben :) +valamilyen áthidaló megoldást szeretnék, hogy ha esetleg muszáj csinálnom egy ilyet és IE7-et is támogatni kell még, akkor menjen :)
Úgy tűnik itt előjött 2 de facto is... :)
Csak kíváncsiskodom
Ha nem, akkor az egész hozzászólásom tárgytalan.
Ha igen: biztosan jó ez az ötlet? (mindenkitől kérdezem)
Csak magamból indulok ki, fogalmam sincs, mások hogy viszonyulnak hozzá, de én kifejezetten utálom, hogy nem tudok lapozgatni a képek között. Nem tudom, hány lap lehet összesen, nem tudok közvetlenül odaugrani ahová szeretnék stb.
A google képkeresőjét, hacsak lehet, kikapcsolt JS mellett használom, hogy elkerüljem ezt a "fícsört".
Ugyanez van a youtube-on, és
<noscript>-es trükk viszont arra jó, hogy kikapcsolt JS mellett is jelenjenek meg képek.Nem teljesen értem, hogy mire
Amit szeretnék: ha már RWD akkor felesleges (pl) a telefont terhelni nagy képekkel. Ahonnan legjobb megtudni, hogy milyen készülékről böngészi a felhasználó az oldalunkat az maga a kliens. LazyLoad-os módszerrel nem küldi el egyből a kéréseket így a kliens megtudná mondani, hogy mekkora képre van szüksége.
Első körben azt néztem, hogy JS-el meg lehet-e szakítani a kéréseket, de nem...
Nekem nincs problémám az endless scrollal (ha tényleg arra gondoltál) viszont azt sajnálom, hogy nem szoktak semmilyen megoldást alkalmazni arra, hogy legalább jelölhesd, hogy oké itt jártam, innen szeretném folytatni/linkelhesd normálisan. Bár mintha google képkeresőjében erre pont lenne valami... :)
Arra, amikor a scrollbaron
Lehet, hogy ez a mostani, érintőképernyős eszközökön kényelmesebb, de pc-ről/laptopról elég kényelmetlen.
És nem az hiányzik, hogy megjelölhessem, hol tartottam, hanem a lehetőség, hogy nagyjából tudjam a találatok számát, tudjak bennük úgy navigálni, hogy sejtem, kb. hol járok a találati halmazon belül.
Akkor elsőre értettem :)
Volt ahol kipróbáltam (blog) ott szerintem ez teljesen rendben van, de googlék adhatnának ennek kikapcsolására lehetőséget.
Végtelenbe görgetés
Sütemény
megoldások = 3
Én mondjuk, ha lehet kerülöm a - főleg képek - kiszolgálását phpval (tudom problémás vagyok :)).
Jól gondolom, hogy google-t ez a scriptes kiszolgálás akadályozza a képek indexelésében?
Script
Egyébként pedig szerintem kicsit túldimenzionálod a témát, a weben jelenleg a képeket csak az alt tag-jükben lévő vagy a rájuk mutató linkek feliratában lévő szövegekkel lehet leírni, ami nem ér semmit sem. Amíg komolyabb metainformációval nem lehet őket ellátni, szerintem nincs értelme foglalkozni a dologgal.
EXIF, IPTC
Olyanokra gondoltál, mint az EXIF és az IPTC?
Téma
Én még leragadtam a
Eszembe se jutott volna, ez egy elég szimpatikus lehetőség. Köszi a linkelést is. :)
Ez szokásom, de most egyik célom, hogy lássam milyen lehetőségek vannak. Úgy érzem minőségibb megoldások születtek, mint amit eddig nagy oldalakon láttam beleértve mind 3 megoldást :)