Obvestilo o piškotkih na Bloggerju

V teh dneh, ko so vsi mrzlično pripravljali obvestila o uporabi piškotkov in dodajali skripte in kode na svoje strani, sem tudi sam iskal nekaj uporabnega za svoj blog na Bloggerju. Na koncu je bilo najenostavneje uporabiti jQuery plugin CookieCuttr oziroma kodo tega plugina. Na spletu so sicer že dobro objavljena navodila kako uporabiti CookieCuttr plugin na spletni strani, ampak kljub temu bom na kratko opisal kako se to lahko uredi za Blogger.

I. V osnovi je potrebno za delovanje imeti 3 jQuery datoteke in css datoteko, v kateri so definirani stili oz. izgled obvestila.
Če ste avtor bloga na Bloggerju, potem seveda imate Goggle račun. Ker sam Blogger ne omogoča direktnega shranjevanja datotek (razen slik), je najenostavneje, da naložite zgoraj omenjene datoteke na Google Drive. Dobra navodila za to najdete tukaj.

Na Google Drive naložite sledeče jQuery datoteke:
1. jquerj-1.9.1.js
2. jquery.cookie.js
3. jquery.cookiecuttr-blogger-mb.js
in .css datoteko:
4. cookies-mb.css

II. Prilagoditev je potrebna v datoteki jquery.cookiecuttr.blogger-mb.js:
Vrstica 38 cookieWhatAreTheyLink: "http://pisanje-spletnih-besedil.blogspot.com/p/o-piskotkih.html", tu zamenjate povezavo za svojo povezavo do strani z vsebino o piškotkih. Lahko prilagodite še druge nastavitve v jQuery kodi glede na navodila na strani CookieCuttr in glede na vaše potrebe glede obvestila.

III. Prilagodite lahko tudi izgled pasice s popravkom barv v css datoteki cookies-mb.css:
Za barvo podlage pasice - Vrstica 25 .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #fa3207; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; margin-left: 8px; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; }
Seveda lahko spremenite še vse ostale stile in izgled pasice.

IV. V Bloggerju izberete zavihek Predloga in nato Uredi HTML. Neposredno pred kodo </head> vstavite sledečo kodo v kateri seveda navedete svoje povezave do jQuery in css datotek:
<link href='https://googledrive.com/host/0Bxlp4Os3GyXnbG5MbFBXcVdRTVU' media='screen,projection' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0Bxlp4Os3GyXnNDZFb21jUm96MTA' type='text/javascript'></script>
<script src='https://googledrive.com/host/0Bxlp4Os3GyXnQVdXdFd5WDlSVk0'></script>
<script src='https://googledrive.com/host/0Bxlp4Os3GyXnMnY4ZmhLN2U4QTg'></script>
<script type='text/javascript'>
    jQuery(document).ready(function () {
jQuery.cookieCuttr();
});
</script>

V. Na Bloggerju odprete zavihek Strani in ustvarite novo stran O piškotkih. Povezavo do te strani morate vstaviti tudi v jquery.cookiecuttr.blogger-mb.js (glej točko II).

Na tej strani predstavite piškotke, ki jih uporablja Blogger in morebitne dodatne piškotke zaradi vtičnikov socialnih medijev (Twitter, Facebook) in pa Google Analytics piškotke, če uporabljate to statistiko. Vse piškotke, ki niso nujni za delovanje strani morate blokirati preden jih uporabnik sam ne potrdi. V mojem primeru so to Google Analytics piškotki.

VI. Google Analytics piškotke blokiram tako, da v zavihku Predloga – Uredi HTML poiščem Google analytics kodo in ji dodam spodaj označeni delček kode:

<script type="text/javascript">

if (jQuery.cookie('cc_cookie_accept') == "cc_cookie_accept") {
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'vaša GA koda']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
}

To je v grobem vse kar sem sam postoril glede piškotkov na tem blogu. Mislim, da bi moralo biti sprejemljivo tudi glede na smernice o piškotkih, ki jih je izdala Informacijska pooblaščenka.

Slabost je, da uporabniki večinoma še ne kliknejo na obvestilo, tako da je GA statistika okrnjena. Še vedno vam ostane notranja statistika za Blogger. Obstajajo rešitve tudi za ta del, o tem pa kaj več v prihodnje.

Visoke pozicije na Googlu s pomočjo bloga

Da unikatna vsebina prinese dobre pozicije na iskalniku Google je povsem jasno. Velikokrat imajo podjetja težave z vsebinami že na spletni strani, če pa se omeni pisanje bloga, pa je sploh težava o čem pisati, kdo bo pisal, itd. Vendar uporabo bloga ne gre zanemariti. To lahko pokažem na dveh primerih, ki so plod dela v podjetju Konstrukcije Schwarzmann.

Najprej sem konec leta 2011 postavil blog za naše primarne produkte – industrijski šotori. Za platformo sem uporabil kar Googlov Blogger, tako da posebnih stroškov za gostovanje bloga ni bilo. Kupil sem domeno industrijski-sotori.si in postavil enostaven template v barvah podjetja. Cilj je bil pozicionirati blog na prvo stran Googla za ključno besedo industrijski šotori. Objavili smo samo po en članek na mesec in že kmalu v letu 2012 se je blog pojavil na prvi strani med zadetki. Ob redni objavi člankov enkrat na mesec je trenutno naš blog že na 3. mestu za željeno frazo (avgust 2012). Res je, da fraza nima velike konkurence, vendar kljub temu smo z relativno malo truda dosegli, da imamo na prvi strani Googla sedaj več zadetkov povezanih z našim podjetjem, kar posledično pomeni manj prostora za konkurenco.

V drugem primeru pa gre za ključno besedo rastlinjaki, ki ima precej več konkurence. Naš program rastlinjaki je veliko bolj primeren za pisanje bloga. Zato smo podobno kot v prvem primeru postavili blog za rastlinjake. Uspelo mi je kupiti domeno rastlinjaki.info. Po začetnem članku in glede na večjo konkurenco na področju rastlinjakov sem se odločil, da rabimo večjo ažurnost člankov in bolj pogoste objave kot v primeru industrijskih šotorov. V ta namen smo angažirali gostujočo avtorico, ki je tudi lastnica enega prvih hobi rastlinjakov Schwarzmann dimenzije 3x6 m. Njeni članki o vrtnarjenju v našem rastlinjaku so pripomogli, da je blog za ključno besedo rastlinjaki prišel na 8. mesto (avgust 2012). Z rednimi objavami se bo ta pozicija nedvomno še popravila. Blog pa zaradi unikatnih vsebin pridobi veliko obiska tudi preko drugih daljših in bolj specifičnih iskalnih fraz.

Poleg pozicioniranja obeh blogov na prvo stran Googla za izbrani ključni besedi, so druga prednost obeh blogov povezave na glavne strani podjetja www.schwarzmann.si in rastlinjaki-schwarzmann.si. V času odkar smo postavili oba bloga sta se tudi obe glavni strani utrdili na prvi strani Googla. Stran rastlinjaki-schwarzmann.si je bila prenovljena in ponovno objavljena šele v februarju 2012, pa danes že zaseda 4. pozicijo za ključno besedo rastlinjaki. Podstran za industrijske šotore na naši glavni strani pa je že nekaj časa na 1. mestu za ključni frazi industrijski šotori in industrijski šotor.

Ker spremljamo od kje prihajajo povpraševanja preko orodja Google Analytics, smo v tem času opazili, da jih je kar nekaj prišlo tudi preko obeh blogov. Za nas se je pisanje blogov izkazalo kot odlična marketinška poteza. Seveda pa je vedno prostor še za dodatne izboljšave, tako glede dizajna, vsebin in seveda aktivnosti na socialnih medijih.

Kvalitetne vsebine prinesejo SEO rezultate

Google vseskozi vnaša spremembe v svoj iskalni indeks z namenom izboljšanja rezultatov za uporabnika. Za optimizacijo obstajajo določena pravila, ki jih je potrebno spoštovati. Res je, da je veliko ponudnikov optimizacije v preteklosti zasedalo prva mesta s pomočjo neustreznih oz. nedovoljenih trikov. Vse bolj se bodo tako optimizirane strani umikale stranem, ki prinašajo dobro uporabniško izkušnjo.

Spletne strani se danes povezujejo s številnimi socialnimi omrežji (Facebook, Twitter, LinkedIn, ...), drugimi spletnimi stranmi, blogi, forumi ipd. Dolgoročno se na spletnih straneh izplača uporabnikom prijazna aktivnost. Kaj to pomeni? Aktivno dodajajte smiselne vsebine, pripravite blog s prispevki na temo vaših izdelkov in njihove uporabe. Odprite stran na Facebook-u, profil na Twitterju, dodajte informacije o vašem podjetju na LinkedIn. Bodite aktivni pri komunikaciji z uporabniki na socialnih medijih. Razmišljajte z vidika uporabnika, kaj vse bi ga še zanimalo v povezavi z vašimi izdelki ali storitvami. S takim načinom dela, se bo vaša stran vsekakor pojavila višje med organskimi zadetki na Googlu. Kvaliteta vsebin je precej odvisna od vaše kreativnosti. Dodajte vašemu izdelku ali storitvi zgodbo, predstavite podrobno tudi detajle, ki se vam ne zdijo pomembni. Vsak košček sestavljanke je za nekoga lahko pomemben pri odločitvi o nakupu. S pozitivnim in resnim pristopom hkrati krepite tudi vaš brand.

Optimizacija spletnih strani bo vse bolj vezana na kvalitetne vsebine tudi v bodoče. Največ lahko na tem področju naredite z aktivnim pristopom do vaše spletne strani in aktivnim pristopom na socialnih medijih. Dolgoročno vam bo to prineslo uspeh in prednost pred konkurenco, ki se tega ne zaveda ali pa tak pristop zavrača.

Za hitrejše rezultate pa vaš denar raje investirajte v dobro zastavljeno Google pay per click kampanjo in ustrezno stran kamor boste preusmerili obiskovalce iz oglasov.

Odvisno od področja delovanja, ampak skoraj vedno se izkaže kot najbolj učinkovita kombinacija dela na spletni strani, aktivnosti na socialnih mediji in Google pay per click kampanj.

Optimizacija spletnih strani - Onsite SEO (2. del)

Poleg že v prejšnjem postu omenjenih alternativnih tekstov in optimizacije html kode, bi rad izpostavil še določene druge pripomočke in postopke, ki jih skoraj obvezno morate uporabiti na vaši strani. 

1. ROBOTS.TXT IN META TAG ROBOTS

Datoteka robots.txt omogoča lastnikom spletnih strani, da dajo navodilo iskalnim pajkom, katere dele strani lahko vključijo v svoje rezultate in katere ne. Gre za preprosto tekstovno datoteko, ki se mora naložiti v vrhnji direktorij vaše spletne strani. V datoteki se določi katere direktorije naj iskalni pajki ne indeksirajo. Če datoteka ne obstaja, potem pajki avtomatsko indeksirajo vse direktorije vaše strani.

Primer 1:
User-agent: *
Disallow: /

"User-agent:*" pomeni navedbo iskalnih pajkov, ker imamo v tem primeru * to pomeni da pravilo velja za vse iskalne pajke.
"Disallow:/" v tem primeru smo določili kot direktorij, ki ni dovoljen za prikaz v rezultatih, kar vrhnji direktorij, kar pomeni, da iskalni pajki nebi smeli obisklati nobene od strani na naši spletni strani.

Primer 2:
User-agent: *
Disallow: /modules/
Disallow: /tmp/
Disallow: /mb/

V tem primeru smo za indeksiranje vsem iskalnim pajkom zaprli le direktorije modules, tmp in mb.

Druga možnost, ki pride prav predvsem, ko je stran še v delovni fazi oz. na delovni povezavi je html meta tag s katerim poveste iskalnim pajkom, da naj ne indeksirajo vsebine vaše strani in ne sledijo povezavam na vaši strani. Ta del kode je: <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
Vstavimo ga v glavo html kode med <head></head>.

Ko je stran povsem dokončana, lahko ta delček kode odmaknemo in omogočimo indeksacijo. Pomembno je, da se ta koda nahaja na vseh straneh in podstraneh. To najlažje dosežemo v primeru, da stran uporablja oblikovno zasnovo (template) tako, da jo dodamo v to zasnovo. Drugače pa je potrebno kodo vstaviti ročno v vsako stran in podstran.

Bolj podrobo razlago s primeri robots.txt datoteke najdete na strani The Web Robots Pages.

2. SITEMAP.XML

Sitemap.xml je posebna oblika načrta vaše spletne strani, ki se lahko pošlje v Google preko njihovega orodja za lastnike spletnih strani ( Google Webmaster Tools ). Za dostop do tega orodja potrebujete Googlov račun. Velika večina danes uporabljanih sistemov za postavitve spletnih strani že vključuje modul za sitemap.xml, ki se običajno še samodejno posodablja. Če tega vaša spletna stran nima, lahko sitemap.xml ustvarite tudi s pomočjo strani http://www.xml-sitemaps.com/ kamor vnesete povezavo vaše spletne strani in si s pomočjo orodja na spletni strani prenesete pripravljeno sitemap.xml datoteko. To datoteko lahko pošljete tudi v iskalnika Yahoo in Bing preko njunih orodji za lastnike spletnih strani.
Na ta način iskalniki lažje ugotovijo katere spletne strani in podstrani imate in jih indeksirajo oz. uvrstijo v svoj nabor rezultatov.

3. BREADCRUMBS - KRUŠNE DROBTINICE

Breadcrumbs oz. v direktnem prevodu krušne drobtinice so niz povezav do trenutne strani, ki je ponavadi pozicioniran v zgornjem levem ali desnem robu nad vsebino posamezne strani. Preko tega niza uporabnik najlažje ugotovi kje v strukturi strani se nahaja in se premakne nazaj na višji nivo. Zadeva je koristna tako za uporabnike, kot tudi za iskalne pajke, ki preko krušnih drobtinic še laže zaznajo strukturo vaše strani in indeksirajo vse podstrani. V primeru, da Google prepozna vaše krušne drobtinice, so vaše strani lahko prikazane v Googlovih rezultatih z več povezavami hkrati: Google Breadcrumbs.

Optimizacija spletnih strani - Onsite SEO (1. del)

O optimizaciji sem že pisal z vidika pisanja spletnih besedil, tokrat pa bi rad opisal še nekatera druga področja in dela, ki jih lahko uvrstimo v optimizacijo spletnih strani. Vse skupaj bom predstavil v več prispevkih.

1. Alternativni teksti

Poleg optimizacije besedil in povezav preko besedil na druge strani znotraj vaše strani in na druge strani na spletu, imajo vaše strani še druge elemente, ki pripomorejo k višjim pozicijam na iskalnih strojih. Ti elementi so slike in video posnetki, ki jih iskalniki seveda še ne prepoznajo kot direktno berljiv element preko katerega bi lahko določili kaj predstavlja. Zato tem elementom dodamo t.i. alternativen tekst, ki tekstovno opiše kaj element predstavlja. Alternativni teksti so pomembni z vidika optimizacije, saj vanje smiselno vključimo naše ciljane ključne besede. Prav tako poskrbimo za ustrezna imena slikovnih in video datotek. S premišljenimi imeni in alternativnimi teksti, dosežemo tako dobro uporabniško izkušnjo ( v primeru, da uporabnik pregleduje stran z brskalnikom brez prikaza slik in/ali videa ), kot tudi poskrbimo za dodatno prisotnost ključnih fraz v kodi vaše strani. Natančno delo pri postavitvah teh elementov se vam obrestuje dolgoročno.

2. Optimizacija html kode

Bolj kompleksne metode optimizacije spletnih strani zajemajo še optimizacijo html kode. Na splošno je pravilo, da je pomembno razmerje med količino teksta v primerjavi s celotno html kodo strani. Tekst naj bi po nekateri ocenah predstavljal vsaj 15% v primerjavi s celotno html kodo. Obstajajo številni načini, ki omogočajo kratko, čisto html kodo vaše strani. O tem bi lahko več pisali razvijalci. Osnova je, da vse vaše stile in oblikovanja zapakirate v zunanjo css datoteko, podobno lahko storite z javascripti, če jih uporabljate. Izogibajte se tabelam in raje uporabljajte <div> "tage" - delčki kode s katerimi prav tako kot s tabelami ustrezno razmestite tekste in ostale elemente na vaši strani. Če je le možno, naj bo vaša koda standardizirana po W3C standardih, kar enostavno preverite z W3C validatorjem. Če ste dosledni, ima vaša koda tudi ustrezno urejene html komentarje, ki pa načeloma ne pomagajo izboljšati pozicije vaše strani na iskalnikih. Pomagajo pa vam lažje najti dele strani, ki jih ob kasnejših popravkih želite urediti.

Naslednjič pa več o robots.txt, sitemap.xml, breadcrumbs, 404 stran, Google verifikaciji, ...

Vrivanje ključnih besed "Keyword stuffing"

Ena najpogostejših napak pri pisanju "optimiziranih" spletnih vsebin je vrivanje večjega števila ciljanih ključnih besed ali angleško "keyword stuffing". Na ta način naj bi vsebina postala bolj pomembna v očeh iskalnih strojev za ključno besedo, ki jo vrivamo.

Na splošno je ta miselnost povsem napačna. Vse več virov in raziskav nakazuje, da ima taka tehnika le malo vpliva na pozicijo na iskalnikih. Algoritmi iskalnih strojev se proti tej tehniki danes z lahkoto borijo. Eden glavnih strokovnjakov pri Googlu Matt Cutts na svojem blogu na primeru prikaže tehniko vrivanja ključnih besed v stran in jo odsvetuje. Danes je najpomembnejša uporabniška izkušnja. Kot cilj si moramo zastaviti vsebino, ki bo najboljša iz uporabniškega vidika in bo hkrati vsebovala besede na katere ciljamo. Na ta način bomo dolgoročno uspešni pri optimizaciji spletne strani.

Naslov spletne strani - Kaj je pomembno?

Vsaka spletna stran ima v osnovi dve vrsti naslova:
- Prvi je naslov kot element optimizacije, ki se s tujko imenuje title. Ta se uporabi v glavi vsake strani in je v kodi viden kot: <title>Naslov strani</title>. Uporabnik ga lahko opazi v brskalnikovi zgornji vrstici, ko odpremo spletno stran in v prvi vrstici na iskalnikih, ko se stran pojavi med zadetki.
- Drugi je naslov v vsebini, torej nad tekstom same vsebine. O tem več drugič.

V tem prispevku bom pisal le o prvem naslovu, za katerega je pomembno sledeče:

- Naslov naj bo kratek, saj Google skrajša naslove v prikazu zadetkov. Najbolje je, da obsega nekje od 64 do 70 znakov vključno s presledki.
- Pomembno je, da vsebuje relevantne ključne besede, na katere ciljate z vsebino vaše strani. Torej izberite pazljivo vaše ključne besede za izbrano stran in jih vključite v naslov.
- Postavite na začetek naslova najpomembnejšo ključno besedo.
- Naslov naj kar najbolje opiše vsebino izbrane strani. Na ta način boste znižali t.i. bounce rate oz. odstotek uporabnikov, ki stran takoj zapusti in izboljšali odstotek uporabnikov, ki bo kliknil ravno na vašo stran med zadetki na iskalniku.
- Napišite unikatne naslove za prav vsako stran, da se izognete težava s podvojenimi naslovi, ki jih iskalniki ne marajo.
- Izogibajte se vrivanju ključnih besed v naslov, ki vam sicer lahko prinese kratkoročno boljše pozicije za več fraz in na ta način več obiska. Težava pa je, da se vam vse to maščuje pri odstotku uporabnikov, ki takoj zapustijo vašo stran, ker ne najdejo informacij, ki so jih glede na naslov pričakovali. Ne delajte optimizacije samo za iskalne stroje, temveč predvsem za uporabnike, kar pomeni, da imejte vedno v mislih tudi uporabniško izkušnjo in na ta način boste storili največ za vašo stran. Dolgoročno bodo iskalniki vse bolj prilagojeni temu, da podajo uporabnikom kar najboljše rezultate.