Hakukoneoptimointia - title-tagi Bloggerissa ja blogeissa.

Tämä vinkki ei oikeastaan koske vain Bloggerin title-tagia, vaan samaa keinoa voi käyttää ihan missä tahansa blogissa.

Googlen kannalta on järkevämpää laittaa title-tagiin ensin blogikirjoituksen otsikko ja vasta sen jälkeen blogin nimi. Kuten esimerkiksi tämä kirjoitus näkyisi ilman muokkausta Googlen hakutuloksissa seuraavanlaisesti:

"Internet suunnittelun niksejä.: Hakukoneoptimointia - title-tagi Bloggerissa ja blogeissa."

Muokattuna:

"Hakukoneoptimointia - title-tagi Bloggerissa ja blogeissa. | Internet suunnittelun niksejä."

Kumpi mielestäsi on järkevämpi ratkaisu, kun blogikirjoituksia on kymmeniä tai satoja? Kun otetaan huomioon kuinka oleellinen Googlen hakutuloksissa title-tagin sisältö oikein on.


Tässä ohje kuinka saat viriteltyä Bloggerissa title-tagit parempaan hakukonekuntoon. Etsi seuraava koodinpätkä Bloggerin sivumallista:

<title><data:blog.pageTitle/></title>

Korvaa se seuraavalla koodilla:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Saman tempun voi tehdä myös Wordpress-blogiin. Muokattava tiedosto on tällöin header.php ja siellä sinun tulee etsiä kohta missä title-tagi sijaitsee ja tagin jälkeen wp_title() funktiokutsu vain sijoitetaan koodissa ennen bloginfo('name') funktiokutsua.

Koodin sisältö voi vaihdella sen mukaan mikä Wordpressin sivumalli sinulla on käytössä. Joka tapauksessa ennen muokkausta suosittelen ottamaan sivumallin header-osiosta varmuuskopion, koodin voi kopioida tilapäisesti talteen esimerkiksi notepadiin.

Kartta www-sivulla.

Blogin ensimmäinen esimerkki tulee Turusta. fLuxAtioNs on kansainvälinen ympäristötaiteen tapahtuma, joka sijoittuu pitkin Turun kaupunkia. Hieno idea, mutta verkkosivujen kartasta ei saa mitään selvää. Ilmeisesti tekijöille on ollut oleellisempaa tehdä visuaalisesti hauskan näköinen kartta, kuin luoda karttapalvelu, jolla teokset voisi löytää myös Turun keskustan alueen huonommin tunteva vierailija.

Ratkaisu: Epäselvän itse piirretyn kartan sijasta olisi kannattanut käyttää upotettua Google Maps -karttaa, johon on hyvin yksinkertaista merkitä teosten sijainnit ja vaikkapa lisätietona kuvia ym. tietoa. Oma kartta luodaan valikon kohdasta 'Omat kartat'.

Google Maps-palvelussa kartan voi lisätä omalle sivullesi valitsemalla valikon oikeasta reunasta kohdan 'Linkki'. Kartan kokoa voi muuttaa helposti klikkaamalla kohtaa 'Muokkaa ja esikatsele sisällytettyä karttaa'. Upotettuun karttaan sisältyy linkki, jolla kartan saa suurempaan kokoon ja vaikkapa printattua. Tulostettu kartta olisi kätevä teoksia etsivälle yleisölle. Ohessa kartta suurinpiirtein samasta alueesta.


Näytä suurempi kartta

Toinen vaihtoehto olisi ollut panostaa kartan tekstin selvyyteen, mikäli kartasta olisi pitänyt tehdä persoonallisempi oma versio.

Muuta: Taiteilijaesittelyissä on käytetty puolen megan tiedostokokoa 125x125 px kuvissa. Yksittäisessä kuvassa asialla ei olisi juuri merkitystä, mutta kun kuvia on 20 kpl, tulee sivun latauskooksi yli 10 megatavua, mikä aiheuttaa pientä kakistelua nopeammallekin verkkoyhteydelle.

Yksittäisten taiteilijaesittelyjen kohdalla linkki etusivulle on rikki, polutus näyttäisi olevan väärin. Pientä huolimattomuutta viimeistelyssä, joka on palvelun käyttäjälle erittäin turhauttavaa.

Parannuksien hinta: 0 euroa. Google Maps on ilmainen palvelu ja muut esitetyt parannukset liittyivät kuvankäsittelyohjelman ja html-editorin huolellisempaan käyttöön.

Tervetuloa.

Tässä blogissa käsitellään hyvää www suunnittelua esimerkkitapauksen kautta. Jos sivusi päätyvät tänne esimerkiksi huonosta ja toimimattomasta www suunnittelusta, ajattele positiivisesti, saat sivuistasi ilmaista palautetta ja sivuillesi näkyvyyttä.

Tässä blogissa jaetaan myös niksejä oman verkkosivusi lukijoiden palvelun parantamiseksi.