Eredmény: 1 - 10 (10) összesen

Téma: kép felett szöveg - legjobb megoldás?

  1. #1
    Bölcs esotanc logója
    Csatlakozott
    11-02-08
    Hely
    Törökszentmiklós
    Hozzászólás
    2.000
    Begyűjtött 1.245 köszönetet
    640 hozzászólásával

    Alapbeállítás kép felett szöveg - legjobb megoldás?

    Sziasztok!

    Az lenne a kérdésem, hogy miképpen lehet megoldani, hogy kép fölé víve az egeret szöveget írjon ki - SEO szempontból a legmegfelelőbb módon.
    Igazából a technikát ismerem css-sel meg is tudom csinálni.
    Ugye van a 15 napos előrejelzésem. Azt szeretném, hogy ha egy nap fejlécére viszi a kurzort akkor kiírja a szöveget, ha a fejléc alatti részre akkor a hőmérsékleti adatokat, ha aláblécbe, akkor a csapadékot. Ez a 15 napos előrejelzésnél 45 különböző adat.

    Jelenleg ez úgy működik, hogy van egy DIV, ahol van egy háttérkép és erre rakok ki 45 képet és a képek egy a hrefbe vannak ágyazva, és e felé víve a szöveget kiíír egy szöveget.

    A gondom ezzel az, hogy 45 kép kirakása elég sok http lekérés (ráadásul hasonló módon más dolog is van az adott oldalon, tehát a képletöltések száma 150-re is emelkedhet)

    Ez azért kell mert azt gondolom seo és user szempontból is hasznos, ha a user plusz infót kap ha az egeret az adott felhőcske ikon felé visz. Viszont keresem azt a megoldást, amit a Google is lát, és lehetőel minél kevesebb http lekéréssel jár, esetleg még rszponzivvá is tehető.

    Esetleg van valakinek tippje mi az ideális megoldás?

    Köszönöm.



  2. #2
    Mentor hetes logója
    Csatlakozott
    09-04-17
    Hozzászólás
    452
    Begyűjtött 73 köszönetet
    60 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Hát nem tudom, szerintem a napi időjárásadatok tipikusan az a témakör, amit felesleges ilyen szinten seozni. Én a lehető legegyszerűbb módon csinálnám. A különböző ikonok (felhő, napocska, ...) mehetnek egy képre, css sprite technikát alkalmazva ez így csak 1 http kérés. A szöveg mehet egy gyorsírótárazott xml fájlba, amit adatfrissítéskor elég újragenerálnod. A többi meg egyszerű JS csak már. De lehet hogy érdemes lenne a nagyobb portálok forrását is megtúrni.


    Az aláírás nem lehet hosszabb 100 karakternél kivéve a BB kód jelölőt.

  3. Az alábbi felhasználók hálásak a válaszért:

    esotanc (2014-05-25)

  4. #3
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    SEO szempontból nincsen összehasonlítási alapom, de az acronym az egy jó megoldás lehet: HTML acronym tag Vagy abbr HTML5-ben: HTML abbr tag



  5. Az alábbi felhasználók hálásak a válaszért:

    esotanc (2014-05-25)

  6. #4
    Bölcs esotanc logója
    Csatlakozott
    11-02-08
    Hely
    Törökszentmiklós
    Hozzászólás
    2.000
    Begyűjtött 1.245 köszönetet
    640 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Itt a title elemben jelenik meg a szüveg, és sztem ez seo szempontból nem olyan jó, mintha sima szövegként egy span tag után, ami css-sel megoldható, de lehet hogy tévedek, de a tippet köszönöm!



  7. #5
    Bölcs
    Csatlakozott
    11-12-21
    Hozzászólás
    763
    Begyűjtött 116 köszönetet
    100 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Ha jól értem akkor arról van szó, hogy a főoldali 15 napos előrejelzéshez 45 képet kell kiraknod az oldalra...
    Ahogy néztem "csak" 31-et, mert a hover.gif mindig azonos, így elvileg 31 http lekérést eredményez
    Ezeket a képeket memcache-be tenném, hogy a HDD olvasást és így a szerver terhelést csökkentsem - a jelenlegi állapot alapján.

    Valójában a 15 napos előrejelzést egy képbe raknám össze és az adott napi hover vagy klikk esetén, a dátumok alatti részre, a teljes területet kitöltve kiraknám az országos képet és hozzá a szöveges előrejelzést.
    Így ha a dátumokon végig húzom az egeret, akkor sorba végig tudnám nézni a várható időjárást.
    Ja és így 16 képből megállna...

    Viszont ami kicsit zavaró nekem azaz, hogy "Budapest időjárása" a box neve, de ha meg nézem a napi térképet ott meg az országost látom. Inkább lehetne "Magyarország időjárása" az átlagos adatokkal és a térkép alatt meg az országos, szöveges előrejelzés. A box alatt meg néhány nagyobb város neve lehetne linkelve az előrejelzéshez.
    Ami még zavar, hogy nálad szoktam látni mondjuk szerdán a hétfői szöveges előrejelzést is a főoldalon. Ez azt sugallja az embernek, hogy hétfőn felvitték az 5 napi előrejelzést, és ha van változás ha nincs 5 napig rá sem néznek az oldalra.



  8. #6
    Bölcs esotanc logója
    Csatlakozott
    11-02-08
    Hely
    Törökszentmiklós
    Hozzászólás
    2.000
    Begyűjtött 1.245 köszönetet
    640 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Köszi!

    De módosulni fog a dolog és ahhoz szólt a kérdésem. Még az merült fel bennem, hogy egy képhez az egér pozíció alapján rendelnék több image hoovert, ha ilyet lehet és akkor elegendő lenne egyetlen kép.



  9. #7
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Idézet esotanc eredeti hozzászólása Hozzászólás megtekintése
    Itt a title elemben jelenik meg a szüveg, és sztem ez seo szempontból nem olyan jó, mintha sima szövegként egy span tag után, ami css-sel megoldható, de lehet hogy tévedek, de a tippet köszönöm!
    Pedig ez a HTML elem való erre. Sőt, igazából a kép title-je való erre, azt is kiírja, ha a kép fölé viszed az egeret. És a képek title-je is elég fontos. De ez az abbr és acronym pont erre van kitalálva, és a legegyszerűbb megoldás. Nem kell hozzá semmi JS mókolás, csak odarakod köré az egyszerű, statikus HTML-t és kész.



  10. #8
    Bölcs esotanc logója
    Csatlakozott
    11-02-08
    Hely
    Törökszentmiklós
    Hozzászólás
    2.000
    Begyűjtött 1.245 köszönetet
    640 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Nézd meg a koponyeg 15 napos előrejelzését, vidd a felhőcske ikonok felé. Arra ez a megoldás nem alkalmas, mert ő pl képet is mutat. HA már csinálom igyekszem a mostani legjob megoldást leaglább elérni. Bár igaz ő a darabolós módszert használja, ezt próbálnám esetleg javítani, de ha nem lehet én is ezt fogom, ha nincs más. Csak gondoltam futok egy kört



  11. #9
    Mentor hetes logója
    Csatlakozott
    09-04-17
    Hozzászólás
    452
    Begyűjtött 73 köszönetet
    60 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Igazából egy sorrendet kéne felállítanod, hogy mi a fontos számodra: felhasználói élmény, seo, szerver terhelés, egyediség (megkülönböztethetőség), ergonómia, szabványos működés, ...
    Ha már újítasz, mindenképpen vedd figyelembe a mobil eszközöket, ott problémás lehet a hover effektek kezelése, a title/alt attribútumokat például sehogyan sem lehet előtapicskolni érintőképernyőn.



  12. Az alábbi felhasználók hálásak a válaszért:

    esotanc (2014-05-28)

  13. #10
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: kép felett szöveg - legjobb megoldás?

    Idézet esotanc eredeti hozzászólása Hozzászólás megtekintése
    Az lenne a kérdésem, hogy miképpen lehet megoldani, hogy kép fölé víve az egeret szöveget írjon ki - SEO szempontból a legmegfelelőbb módon.
    Azt szeretném, hogy ha egy nap fejlécére viszi a kurzort akkor kiírja a szöveget, ha a fejléc alatti részre akkor a hőmérsékleti adatokat, ha aláblécbe, akkor a csapadékot.
    Idézet esotanc eredeti hozzászólása Hozzászólás megtekintése
    Nézd meg a koponyeg 15 napos előrejelzését, vidd a felhőcske ikonok felé. Arra ez a megoldás nem alkalmas, mert ő pl képet is mutat. HA már csinálom igyekszem a mostani legjob megoldást leaglább elérni.
    Hát, én arra írtam megoldást, amit kértél, nem arra, amit nem írtál le, csak gondoltál rá. Amit kértél, miszerint képre víve az egeret szöveget írjon ki, tökéletes ez a megoldás. Ilyen nincs a koponyeg.hu-n. Ők nem (csak) szöveget írnak ki. Természetes, hogy nem alkalmas valamire az írt megoldás, amire nem is kérte senki, hogy alkalmas legyen.

    De hogy valami hasznos is legyen itt: cacheltesd a böngészővel a képeket, és máris nem probléma a sok http lekérés. Legalábbis nem lesz több, mint most. Pl. a koponyeg.hu-n is ugyan az a kép jelenik meg a kis buborékban, mint amire rávitted az egeret. Ehhez nem kell plusz http kérés, mert ugyan az a kép, és cacheből tölti be. Az, hogy ezen felül egy képet összegyúrsz, egy http kéréssel megy le, és css-el darabolod, más kérdés, és független attól, hogy hogy jeleníted meg a szöveget.

    Összegezve: ezek szerint nekem eddig, és úgy érzem jelenleg sem egyértelmű, hogy mi is a megoldandó feladat. Szöveget szeretnél kirakni, amikor a képre viszi az egeret? Vagy a meglévő képeknél szeretnéd a http kérések számát csökkenteni? Vagy új képeket szeretnél kirakni http kérés növekedés nélkül?

    De addig is még releváns linkek: http://www.w3schools.com/tags/tag_map.asp - http://www.w3schools.com/tags/tag_area.asp


    Utoljára módosítva: Emphus által : 2014-05-27 18:05

  14. Az alábbi felhasználók hálásak a válaszért:

    esotanc (2014-05-28)

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •