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

Téma: Logo html kódja hogyan?

  1. #1
    Törzsvendég
    Csatlakozott
    08-06-05
    Hozzászólás
    144
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás Logo html kódja hogyan?

    A gondom a következő:
    - Igyekeztem úgy kialakítani a szótár oldalamat, hogy minél gyorsabban betöltődjön, és SEO barát is maradjon.
    - Ennek megfelelően 1 képbe raktam az összes képet (sprite)
    - Most, ahogy viszont felfigyeltem rá, az üres cache-val érkezők 2x töltik le a képet.
    Ennek oka úgy látom, hogy van egy <img>-m ami a logót tartalmazza, és van egy hivatkozás a css-ben is erre a képre.

    Szerintetek, hogyan alakítsam át úgy, hogy csak 1x töltődjön le, és seo barát is maradjon?



  2. #2
    MinderBinder edem logója
    Csatlakozott
    09-09-02
    Hely
    Budapest
    Hozzászólás
    1.093
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Logo html kódja hogyan?

    Idézet WebManiac eredeti hozzászólása Hozzászólás megtekintése
    A gondom a következő:
    - Igyekeztem úgy kialakítani a szótár oldalamat, hogy minél gyorsabban betöltődjön, és SEO barát is maradjon.
    - Ennek megfelelően 1 képbe raktam az összes képet (sprite)
    - Most, ahogy viszont felfigyeltem rá, az üres cache-val érkezők 2x töltik le a képet.
    Ennek oka úgy látom, hogy van egy <img>-m ami a logót tartalmazza, és van egy hivatkozás a css-ben is erre a képre.

    Szerintetek, hogyan alakítsam át úgy, hogy csak 1x töltődjön le, és seo barát is maradjon?
    Itt most a dictzone-s képről van szó?



  3. #3
    t4p
    t4p nem elérhető
    Szerkesztő
    Csatlakozott
    09-06-15
    Hozzászólás
    271
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Logo html kódja hogyan?

    Idézet WebManiac eredeti hozzászólása Hozzászólás megtekintése
    A gondom a következő:
    - Igyekeztem úgy kialakítani a szótár oldalamat, hogy minél gyorsabban betöltődjön, és SEO barát is maradjon.
    - Ennek megfelelően 1 képbe raktam az összes képet (sprite)
    - Most, ahogy viszont felfigyeltem rá, az üres cache-val érkezők 2x töltik le a képet.
    Ennek oka úgy látom, hogy van egy <img>-m ami a logót tartalmazza, és van egy hivatkozás a css-ben is erre a képre.

    Szerintetek, hogyan alakítsam át úgy, hogy csak 1x töltődjön le, és seo barát is maradjon?
    hmmm.. nalam FF alatt csak egyszer toltodik be, ures cache eseten is.
    Ha mindenkepp meg akarod oldani, akkor JS-el elotoltheted, meg a css behivasa elott, de szerintem felesleges ezen ragodni, nem azon a par millisecen mulik minden Sot, lehet hogy az elotolto JS merete nem lenne annyival kisebb mintha a kepet huzod be meg egyszer

    <off>
    ertem en, hogy a sebesseg mindenek felett, de ilyen csunyara osszenyomoritani a forrast..
    </off>



  4. #4
    Törzsvendég
    Csatlakozott
    08-06-05
    Hozzászólás
    144
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Logo html kódja hogyan?

    Idézet t4p eredeti hozzászólása Hozzászólás megtekintése
    hmmm.. nalam FF alatt csak egyszer toltodik be, ures cache eseten is.
    Ha mindenkepp meg akarod oldani, akkor JS-el elotoltheted, meg a css behivasa elott, de szerintem felesleges ezen ragodni, nem azon a par millisecen mulik minden Sot, lehet hogy az elotolto JS merete nem lenne annyival kisebb mintha a kepet huzod be meg egyszer

    <off>
    ertem en, hogy a sebesseg mindenek felett, de ilyen csunyara osszenyomoritani a forrast..
    </off>
    Sziasztok, köszönöm a válaszokat.

    Edem:
    Igen a dictzone-s képről van szó.

    t4p:
    Te mivel nézed? Nálam a firebug is, valamint a szerver oldal is azt mondja (localban), hogy 2x ment ki a kép.

    Igazad van, de fejlesztéskor nem ilyen ronda a kód, csak miután felrakom



  5. #5
    Törzsvendég
    Csatlakozott
    08-06-05
    Hozzászólás
    144
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Logo html kódja hogyan?

    Ok, azt hiszem megoldódott. Bár, hogy mennyire seo barát az előzőhöz képest nem tudom:

    Html:
    HTML kód:
    <h1>
     <a title="DictZone szótár" href="http://dictzone.com/" id="logo">
      DictZone szótár
     </a>
    </h1>
    CSS:
    HTML kód:
    #logo{
     overflow:hidden;
     color:#FFF;
     display:block;
     padding-left:191px;
     width:0px;
     height:41px;
     background:url(/i/szotar_logo.png);
     float:left
    }
    A napokban fel is rakom



  6. #6
    MinderBinder edem logója
    Csatlakozott
    09-09-02
    Hely
    Budapest
    Hozzászólás
    1.093
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Logo html kódja hogyan?

    Idézet WebManiac eredeti hozzászólása Hozzászólás megtekintése
    Ok, azt hiszem megoldódott. Bár, hogy mennyire seo barát az előzőhöz képest nem tudom:

    Html:
    HTML kód:
    <h1>
     <a title="DictZone szótár" href="http://dictzone.com/" id="logo">
      DictZone szótár
     </a>
    </h1>
    CSS:
    HTML kód:
    #logo{
     overflow:hidden;
     color:#FFF;
     display:block;
     padding-left:191px;
     width:0px;
     height:41px;
     background:url(/i/szotar_logo.png);
     float:left
    }
    A napokban fel is rakom
    Ha érdekel, akkor én úgy szoktam, hogy:
    HTML kód:
    <div id="logo">
       <a href="valami">
         <span>szöveg</span>
       </a>
    </div>
    CSS:
    Kód:
    #logo span {
      display: block;  
      overflow:hidden;
      height: 0;
    }
    És utána az a-t, meg a div-et formázod



  7. #7
    Törzsvendég
    Csatlakozott
    08-06-05
    Hozzászólás
    144
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Logo html kódja hogyan?

    Idézet edem eredeti hozzászólása Hozzászólás megtekintése
    Ha érdekel, akkor én úgy szoktam, hogy:
    HTML kód:
    <div id="logo">
       <a href="valami">
         <span>szöveg</span>
       </a>
    </div>
    CSS:
    Kód:
    #logo span {
      display: block;  
      overflow:hidden;
      height: 0;
    }
    És utána az a-t, meg a div-et formázod
    Igen ez is jó.
    Viszont nálam h1 tagban van a logó szövege, talán szerencsésebb így seo szempontból, bár lehet, hogy nálam nem pont a legfontosabb rész van így kiemelve



  8. #8
    MinderBinder edem logója
    Csatlakozott
    09-09-02
    Hely
    Budapest
    Hozzászólás
    1.093
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Logo html kódja hogyan?

    Idézet WebManiac eredeti hozzászólása Hozzászólás megtekintése
    Igen ez is jó.
    Viszont nálam h1 tagban van a logó szövege, talán szerencsésebb így seo szempontból, bár lehet, hogy nálam nem pont a legfontosabb rész van így kiemelve
    Most, hogy így mondod rájöttem, hogy nálam is <h1> a logo



  9. #9
    MAG
    MAG nem elérhető
    Bölcs MAG logója
    Csatlakozott
    08-08-15
    Hozzászólás
    578
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Logo html kódja hogyan?

    A h1-et szerintem a címeknél kellene használni inkább, pl "Angol-Magyar online szótár" és a logohoz meg sima divet vagy h3-ast.



  10. #10
    Törzsvendég
    Csatlakozott
    08-06-05
    Hozzászólás
    144
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Logo html kódja hogyan?

    Igazad van, Így fogok tenni



A téma címkéi:

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
  •