Pentru ca nu toate browserele stiu sa interpreteze proprietatea CSS text-shadow, trebuie sa facem un cod CSS separat pentru IE si celelalte browsere.

Incepem cu CSS-ul pentru Internet Explorer unde folosim filtrul Shadow, deoarece IE nu stie sa interpreteze text-shadow.

.umbra_ie {
 color:#000000;
 font-family:Verdana;
 font-weight:bold;
 font-size: 1em;
 height: 1em;
 filter: Shadow(Color=#ffaaaa,
 Direction=135,
 Strength=3);
}

Rezultatul codului de mai sus este:

Ne ocupam acum de Mozilla si celelalte browsere:

.umbra_mozilla {
 color:#000000;
 font-family:Verdana;
 font-weight:bold;
 font-size: 1em;
 height: 1em;
 text-shadow: 0.1em 0.1em 0.1em #ffaaaa;
}

Acum sa ne jucam putin cu umbrele pentru a obtine ceva mai frumos:

Codul CSS:

div {
 color:#CCCCCC;
 background:#D1D1D1;
 font-family:Verdana;
 font-weight:bold;
 font-size: 1em;
 padding:20px;
}
 
h3.a {text-shadow: -1px -1px white, 1px 1px #333}
h3.b {text-shadow: 1px 1px white, -1px -1px #444}

DIV-ul care contine Heading 3:

<div>
<h3 class="a">Lorem ipsum dolor sit amet</h3>
<h3 class="b">In blandit dui vel augue mattis</h3>
</div>

Rezultatul este acesta:

sau

h3.c {
color:#000000;
text-shadow: -1px 0 #f8f8f8, 0 1px #f8f8f8,
             1px 0 #f8f8f8, 0 -1px #f8f8f8
}
 
h3.d {
text-shadow: -1px 0 black, 0 1px black,
             1px 0 black, 0 -1px black
}

<h3 class="c">Lorem ipsum dolor</h3>
<h3 class="d">Blandit dui vel augue</h3>

…care arata asa:

Fisierul html cu toate exemplele CSS.

Pluginul poate fi customizat prin intermediul paginii de administrare, unde ii putem schimba interfata .css, dar si viteza de fading sau la ce height minim sa apara.

Instalare

Descarcam arhiva pluginului de aici si plasam fisierele in directorul /wp-contents/plugins/.

In lista de pluginuri vom gasi item-ul “Smooth GoToTop”, care trebuie activat.

Administrare

Pentru adaptarea temei pluginului la blogul tau vom folosi pagina de administrare. Pluginul se va gasi in Settings > Smooth GoToTop.

Selectarea unei teme de culori pentru text si background se poate face prin apasarea label-urilor din dreptul campurilor Text sau Background. Pentru stabilirea pozitiei pe ecran si a distantei fata de margini se folosesc campurile Position si Padding.

Configurarea in modul avansat

Pentru a configura distanta minima dupa care sa apara butonul de GoToTop, deschidem fisierul /jquery.top.js si mergem la linia 32.

................
$(document).ready(function() {
 
                   $('#top-link').topLink({
 
                       min: 400, // inaltimea minima dupa care sa apara butonul de GoToTop
                       fadeSpeed: 500 // viteza de fading
 
                   });
....

Daca dorim sa schimbam dimensiunea fontului sau chiar fontul o putem face modificand cateva linii in fisierul /gototop.php, incepand cu linia 45.

#top-link   {
 
                   display:none;
                   position:fixed;
                   right:5px;
                   bottom:5px;
                   height:18px;
                   color:#000000;
                   font-family: arial;
                   font-size:11px;
                   font-weight:bold;
                   text-decoration:none;
                   background:#90FF00; padding:5px;
 
}

Descarca plugin

Pluginul poate fi vazut aici.

Astept comentarii si bug-uri….

301 redirect este cel mai eficient mod de redirectionare pentru paginile care nu exista sau au fost mutate. Acest tip de redirectionare este interpretat de motoarele de cautare ca “moved permanently” si nu afecteaza procesul SEO. Un tool pentru verificarea headerelor poate fi gasit aici.

Pagina “custom” pentru linkuri inexistente

Pentru requesturile care intorc eroare 404 (pagina inexistenta) este indicat sa se realizeze o pagina custom, in care sa fie un mesaj de eroare.

Cod HTML corect

Un cod HTML corect scris asigura o mai buna vizibilitate pentru robotii motoarelor de cautare.

Eliminarea blank-urilor si a comentariilor din codul sursa duce la o micsorare a marimii unei pagini, deci un timp mai bun pentru incarcarea paginii.

Title Element

Toate paginile aplicatiei trebuie sa aiba un titlu. Titlul trebuie sa contina cel putin un keyword declarat in META Keywords Tag.

Robots Text File – robots.txt

Fisierul robots.txt declara accesul motoarelor de cautare in site.  Acest fisier se afla intotdeauna in root-ul site-ului si trebuie sa fie accesibil motoarelor de cautare.

META Description

Unele motoare de cautare folosesc intens acest element, in care trebuie sa se regaseasca o descriere succinta a paginii in 140-200 de caractere. Descrierea trebuie sa contina cel putin un cuvant cheie.

META Keywords

In META Keywords se afla cuvintele cheie care sa se regaseasca in cautarile din search engines.

Link Relationship Tag – rel=”nofollow”

Acest tag se foloseste in special cand nu dorim ca un link sa fie indexat. Se foloseste cu precadere pentru linkurile externe.

Revisit-After META Tag

In functie de perioada de update a informatiilor de pe site se seteaza revenirea robotilor de cautare.

Sitemap

Pentru o mai buna indexare se foloseste un sitemap, care furnizeaza motorului de cautare informatii ca: ultima actualizare a unei pagini, importanta unei pagini, valabilitatea unei pagini.

Este indicat ca Sitemap-ul sa fie generat dinamic, dar se poate crea si un sitemap static cu ajutorul tool-ului oferit de www.xml-sitemaps.com

Tag-urile ALT si TITLE

Toate imaginile site-ului trebuie sa contina tag-ul ALT si TITLE, pentru ca motoarele de cautare de fotografii sa le indexeze cat mai corect.

Linkurile trebuie sa contina tag-ul TITLE, motoarele de cautare stiind astfel ce reprezinta fiecare link.

Friendly URLs

Se stie ca o alta componenta SEO importanta sunt friendly URLs. URL-ul nu trebuie sa contina mai mult de 3-4 grupuri “/” si cu cat cuvantul cautat se afla mai departe de root-ul URL-ului cu atat el are o importanta mai mica pentru motoarele de cautare.