Facebook vol unificar el botó compartir amb el botó M’agrada. Fins ara, quan utilitzàvem aquesta funció, apareixia una línea al nostre perfil amb un enllaç. Amb la unificació dels dos botons, Facebook ha decidit incorporar una imatge de la pàgina que hem clicat. Sinó li informem a Facebook quina imatge ha d’agafar, ell n’escull una aleatòriament i aixó pot causar problemes.

Per informar a Facebook quines imatges, títols, i petita descripció ha d’agafar, utilitzarem el Open Graph Protocol. Un protócol universal que amb la simple utilització d’unes meta-dades en el nostre head de l’html.

El codi a agafar és:

<meta property="og:title" content="Títol que es mostrarà"/>
<meta property="og:url" content="http://www.urlqueapunta.com"/>
<meta property="og:image" content="http://www.jo.com/imatge.jpg"/>
<meta property="og:description"  content="Descripció"/>

En podeu consultar tota la informació aquí. I si en algun moment teniu algun dubte de si la vostra pàgina o té ben configurat Facebook ha desenvolupat una eina que ens ho facilita tot: Facebook Linter que ens mostra el Open Graph de la pàgina seleccionada: http://developers.facebook.com/tools/lint/

Per a tots els que usem WordPress

Per els que fem servir WordPress, és tant senzill com instal·lar el plug-in Me Likey. I ja està tot arreglat.

Caché de Facebook

Quan feu les proves, sobretot proveu-ho amb una nova url cada cop. Ja que el caché de Facebook té vida pròpia i t’agafarà la info del primer like temporal que hagis fet.

En l’Internet actual, tenir una pàgina web ben realitzada depen de molts factors. El nombre d’usuaris, les interaccions amb ell, el SEO de la pàgina, el màrqueting social són elements fonamentals per tenir una gran presència a Internet.

Molts cops, l’excés d’informacions a la xarxa, ens implica una sèrie d’eines i tasques a fer que allargarien les nostres nits, fins el matí Per aquest motiu, cal tenir molt clar què fer segons dades.

Les eines d’anàlisi de webs són el primer pas. Cal veure que ens falla al nostre site. Recomanem el servei web WooRank. Aquest servei gratuït, permet amb un minut detallar totes les característiques de la nostra web.

Simplement escrivint la direcció web, Woo Rank ens indica una puntuació global de la nostra pàgina segons molts paràmetres. A més, a cada paràmetre ens indica un color: verd, taronja i vermell. Com si d’un semàfor es tractés, ens indica com ho estem fent en aquell camp.

Ens indica:

• Els nostres visitants, segons Alexa.
• El contingut, amb les pàgines indexades i les paraules claus de la nostra pàgina. Molt útil per veure si estem mostrant els cercadors el contingut real.
• SEO: un apartat molt útil. Ens indica si la nostra estructura és correcte. Si usem els títols Html de forma correcta, i sobretot si complim les normes de validador W3C.
• Off-site SEO: Un indicador important, en quines posicions estem indexats als cercadors. I quants enllaços rebem d’altres pàgines web segons Google. També ens indica xifres a Twitter o delicious.
• També ens dona més paràmetres com el Whois del domini, i les webs semblants a les nostres segons el que parlem.

Aquest servei, també ens pot servir com ho està fent la competència.

La importància del SEO ( Search Engine Optimization ) és cabdal en qualsevol negoci o pàgina a Internet. Tal com estructurem i programem les nostres pàgines web tenen un vincle directe a les visites que tindrem a la nostra pàgina web. Google mai ha publicat unes directives exactes per ésser dels primers al cercador. És com una ciència que sabem quin camí seguir, però mai sabrem on és el final. Igualment, Google ha publicat una guia per principiants, que ens ajuda en la programació de les nostres pàgines.

Un resum del que diu:

• Molt important els títols i les descripcions meta de les pàgines. És cabdal fer-les variables.
• L’estructura de h1, h2 s’ha de seguir d’una forma ordenada.
• Les URL han de ser seo-friendly i sobretot amb paraules claus.
• S’ha de presentar una pàgina 404 de forma correcta, us recordem que si utilitzeu Google Webmaster Tools, Google pot saber quants 404 s’han publicat al vostre servidor.
• 2 sitempaps, un html publicat i un xml per robots.
• Millor evitar Flash i Javascript a menús.
• Com ja sabíem, la optimització de les imatges per una càrrega millor.
• Ens recomenen utiltzar: Google Webmaster Tools, Google Analytics y Google Website Optimizer
• Ens animen a promocionar la nostra web als blocs i les xarxes socials
• Et dona indicacions perquè no hi hagi duplicacions amb les redireccions 301 i rel=”canonical”.
• Entre molts d’altres…

Enllaç directe a la Guia

També seguir a Matt Cutts, un expert en SEO

Ja fa 7 anys que Matt Mullenweg va llançar la primera versió de WordPress. Aquesta plataforma de gestió de blocs s’ha transformat en la plataforma de gestió més utilitzada. És més, amb el pas dels anys s’ha convertit en un gestor de continguts potent i fàcil d’utilitzar. 20 milions de persones el fan servir.

Tots els blocs d’Estol.cat estan gestionats amb WordPress. I què  han fet per celebrar aquest aniversari? Han tret la tant esperada versió 3.0 Podeu veure la llistat de novetats a Bitelia.

Estigueu atents si actualitzeu que tots els plug-ins i extensions siguin compatibles

Els programadors web tenim el problema que no podem utilitzar les fonts que desitgem en els nostres textos webs. Ens tenim que cenyir a les fonts universals en els ordinadors. Fonts com Tahoma, Verdana, Arial ens deixen un ventall petit de possibilitats tipogràfiques, és més, les tenim que utilitzar per tenir una bona sintonia amb SEO i Google.

Aquests anys, han sorgit solucions realitzades amb Javascript per mostrar en la nostra pàgina web les fonts que desitgem. Aquestes solucions, com Typekit, són de pagament i allotgen en un servidor les tipografies per la seva utilització.

Ara, Google ha tret un nou servei tipogràfic que amb un petit codi ens permet mostrar un directori de fonts més modern, alegre i funcional. Encara que aquest directori està definit per Google, les fonts són prou ben realitzades i modernes.

Podreu trobar el seu catàleg tipogràfic.

Alhora de la seva utiltizació, Google Font ens deixa un codi no introsiu, fàcil i compatible amb els nostres estils CSS. El simple fet d’incloure el codi en el nostre header:

I posteriorment en el nostre HTML:

<script src=”http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js” type=”text/javascript”>
</script>
<script type=”text/javascript”>// <![CDATA[
WebFont.load({
google: {
families: [ 'Tangerine', 'Cantarell' ]
}
});
// ]]></script>
<!–
.wf-inactive p {
font-family: serif
}
.wf-active p {
font-family: ‘Tangerine’, serif
}
.wf-inactive h1 {
font-family: serif;
font-size: 16px
}
.wf-active h1 {
font-family: ‘Cantarell’, serif;
font-size: 16px
}
–>

// HTML

// CSS
h1 { font-family: ‘Crimson Text’, arial, serif; }
// @import
@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

Ens permet d’una forma fàcil gestionar les fonts via CSS. Amb una bona utilització entrem dintre d’una etapa on les webs seran més atractives i els tipògrafs, més contents.

Més informació: Anieto2k

Imatge de genbeta.com

Context Font és una extensió per Firefox que ens serveix per averiguar quin tipus de font es fa servir. Com veieu en la imatge, accedint al menú conceptual ( aka botó dret del ratolí ) podrem saber quina font s’està fent servir. Alhora, ens ajuda a averiguar quins tags CSS fa servir l’estil seleccionat. Molt útil per programadors de pàgines web.

Descarga de l’extensií | Context Font

Però no ens oblidem de l’estructura visual de la web.

Quin és el comportament del ratolí dels nostres usuaris, que cliquen més. Aquests elements són importants. Actualment a Internet hi ha eines per la seva utilització. Us en passem dos que hem trobat molt interessants:

Les aplicacions gratuïtes que hem trobat al mercat són:

ClickHeat en codi obert, podeu veure com funciona a http://www.labsmedia.com/clickheat/index.php amb l’usuari ‘demo’ i password ‘demo’.

Google Analytics, en una manera no tant visual, podem veure on els usuaris cliquen més. Si aneu al menú con Contingut i després Superposició del lloc.

Altres eines de pagament són CrazyEgg ( de pagament ) o Clictale ( de pagament )

En podeu veure més informació a Pixeros

Això si, ja en aquell moment tindre una pàgina web en Flash ja significava no aparèixer als cercadors. Però no importava: estar a Internet de forma espectacular era més important que rebre visites.

La tendència: obtenir usuaris, i per tant, conversions cap a obtenir més usuaris

Poc a poc, les empreses es van donar compte d’una cosa: Necessitaven resultats. El Flash podria ésser un gran producte, però mancava de característiques molt importants en l’àmbit web:

- La indexació per part de Google.
- La possibilitat de mesurar el que feia l’usuari amb les nostres pàgines de productes.
- La possibilitat de realitzar pàgines web amb un cost baix.
- El cost d’actualització de les pàgines era molt car.

Poc a poc s’ha desenvolupat les pàgines web per sumar usuaris. La importància d’aparèixer a Google s’ha tornat fundamental. L’HTML combinat amb les capes (

La importància de Twitter cada dia és més important. S’està convertint en la xarxa on es mostra informació en “temps real”. Aquest canal d’informació ja contrastat en la revolució d’Iran o actualment, la mort de Michael Jackson o el terratrèmol de Haití ha demostrat ésser un punt d’informació fiable i ràpida.

D’aquesta manera, els cercadors com Google o Bing, ja han anunciat que mostraran resultats que puguin indexar en aquesta xarxa social. De forma, que podem consultar en temps real notícies que vagin sorgint a la xarxa.

Peró, com ho farà Google per mostrar unes piulades, o altres piulades? Gràcies a una entrevista feta a Amit Singhal, membre de Google. ( que podem trobar a Technology Review ) Ens desvel·la que la forma d’indexar la importància de les piulades serà molt similar a l’actual Algoritme d’Indexació de pàgines de Google.

O sigui, apareixerà els resultats dels perfils de Twitter que tinguin més enllaços rellevants. Per exemple, si un usuari amb molts seguidors enllaça el nostre perfil de Twitter ens ajudarà a pujar el Pagerank del nostre perfil de Twitter.

Per tant ja sabeu, si teniu followers amb molts followers, millor que millor.

Podeu trobar més informació a: Tensaiweb o El Mundo

Via http://www.rosauraochoa.com/