Entrades

Què és un Favicon i per a què serveix

Cada vegada que realitzo una conferència o un curs, terra mirar-me les pàgines web dels assistents. Per això, l'organització de l'esdeveniment m'envia un llistat amb els URL i les vaig obrint en un mateix navegador però en diferents pestanyes. Per desgràcia, quan tinc les pàgines obertes i puc veure els icones fav de tot el món, observo que una bona part d'ells són els faviconos dels CMS utilitzats per construir les seves pàgines web (normalment el de Joomla o el de WordPress), no un favicon corporatiu, que és el que hauria de ser.

Així que aquí va aquest breu article explicant què és un favicon i per a què serveix, a veure si d'aquesta manera, si que la gent li atorgui la importància que es mereix.

Què és un favicon

És una petita icona (normalment de 16 × 16 píxels o de 32 × 32 px) que s'utilitza per identificar un lloc web a les pestanyes d'un navegador, en un llistat de favorits, o en qualsevol altra part que requereixi una identificació petita.

En aquest bloc que estàs llegint, el favicon és una "MP" amb fons fúcsia que pots veure al costat de l'URL oa la pestanya de la pàgina teu navegador.

Per a què serveix un favicon

És un símbol que transmet imatge corporativa, així que serveix per a:

  • Transmetre la nostra imatge de marca quan algú navega per la nostra pàgina web i fixa la seva mirada a la zona de la URL del navegador.
  • Perquè la nostra pàgina sigui fàcilment identificable quan algú té obertes diverses pestanyes al seu navegador.
  • Perquè la nostra pàgina sigui fàcilment identificable quan algú la guarda en els seus favorits.

això és un favicon

Com podem crear un favicon per a la nostra pàgina web

Hi ha molts programes que t'ajudaran a crear-lo. Aquest és el que jo faig servir per crear-los: creador de les favicones.

El meu consell és que creus la teva favicon en 32 × 32 píxels i que sigui semblant al teu logo. pots crear faviconos a partir d'imatges ... potser això pot ser-te d'ajuda, però píxel a píxel també és fàcil de crear. Un altre consell: abans de fer el teu favicon mira faviconos d'altres empreses en Google Imatges, Això pot ajudar-te a inspirar-te per el teu i a assegurar-te que sense voler, no utilitzis algun favicon que ja ha estat creat per algú més.

Quan ja ho tinguis creat, has de guardar utilitzant el nom favicon.ico i pujar-lo per FTP al directori arrel de la teva pàgina web. Alguns gestors de contingut com WordPress disposen d'una secció en el panell d'administració perquè indiquis l'URL exacte del favicon... Tot i que funciona igualment si allà no indiques res però disposes d'favicon en el teu directori arrel. També algunes plantilles de WordPress porten ja una zona en la qual indiques la URL de la imatge de la teva favicon i ja està.

Perquè el teu favicon es vegi el més aviat possible, pots donar a conèixer la seva existència a través del codi font de la pàgina web, utilitzant en els metatags la següent línia de codi:

<Link type = "image / x-icon" href = "favicon.ico" rel = "icona d'accés directe" />

Encara que de nou, si no utilitzes la línia de codi, el navegador ho veurà per si sol en algun moment. A Firefox i Chrome es veu gairebé al moment, en Explorer triga una mica més.

Això és tot.
Que vagi tot bé ... (i quan tinguis un moment, assegura't que la teva pàgina web disposa del seu propi favicon ;-)

ens parlem

Regalem la pàgina web a l'hotel que més ho necessiti

Sí, és cert. Ho fem.

La idea no va ser la nostra, va ser dels nostres clients, que en aquests temps de crisi intenten no haver de pagar pel cost de programar una pàgina web i convèncer-nos que conceptualicemos i programem la seva pàgina, a compte de beneficis futurs o simplement a manera de favor.

Però les nostres pàgines web no són barates. En la creació de cadascuna d'elles hi participa un equip de màrqueting (que la conceptualitza, l'orienta client i confecciona els textos), un equip de programació (que la fa funcional, alhora que robusta tècnicament) i un equip de disseny (que li dóna aquest toc especial que la fa única i agradable als ulls de l'usuari).

Així que no podem competir amb "el_primo_de_tu_vecino_que_hace_webs", però per descomptat, el resultat que ofereixen les nostres pàgines tampoc té res a veure amb les del "cosí".

Esto provoca que nuestros clientes deseen nuestras páginas, pero que a la vez, con los tiempos que corren, a veces sea un poco complicado destinar a ellas los recursos necesarios. De ahí que intenten convencernos para que rebajemos los precios e incluso para que programemos gratis.

Lo más divertido, e instructivo, han sido los argumentos que esgrimían algunos clientes para convencernos de que deseaban la web sin tener que pagar por ella. De ahí que en una reunión de esas de “viernes por la tarde”, en la que nos juntamos todo el equipo y vamos repasando cliente por cliente y viendo cómo va cada proyecto, pensamos que sería una buena idea crear un concurso de argumentos con los qué convencernos de no cobrar una página web y regalar la página a quien estuviese necesitado y a la vez fuese ingenioso en sus argumentos.

Estem segurs aprendre un munt amb aquest concurs ... així que el cost de la programació i disseny de la pàgina, en realitat serà en formació del personal.

Si creus que pots convèncer-nos, podria ser que consiguieses la pàgina web gratis per al teu hotel. Com a mínim un dels participants ho aconseguirà (amb motor de reserves inclòs), podries ser tu.

Aquí hi ha les bases del concurs i el formulari d'inscripció: "Regalem la pàgina web a l'hotel que més ho necessiti

Ens parlem.

Una abraçada.

AJAX, una tècnica a utilitzar amb moderació

En aquest article expliquem què és el AJAX, quan ha d'usar-i què contraindicacions té. També mostrem com esmenar algunes de les contraindicacions.

Què és el AJAX?

Les sigles AJAX signifiquen: Asynchronous JavaScript And XML. És a dir, la combinació de JavaScript i XML de manera asincrònica.

És una tècnica desenvolupada per a aplicacions web interactives, que consisteix en fer que un conjunt de tres tecnologies ja existents treballin juntes, de manera efectiva.

Aquestes tecnologies són:

  1. (X) HTML i CSS (Fulles d'Estil en Cascada), per donar una estructura i presentar la informació en la pàgina web.
  2. JavaScript, Utilitzat per a la interacció dinàmica amb les dades.
  3. XML, Utilitzat per a la interacció amb el lloc web. Tot i que no és simpre necessari utilitzar XML amb les aplicacions AJAX, ja que per exemple, amb fitxers de text pla també es pot emmagatzemar la informació.

Igual que el DHTML, AJAX no és de per si una tecnologia web independent, sinó un terme que abasta les tres tecnologies abans esmentades.

Per a què serveix l'Ajax?

L'Ajax serveix per efectuar canvis en una pàgina web, a voluntat de l'usuari, sense haver de recarregar tota la pàgina de nou.

Per exemple, en una pàgina web l'usuari sol·licita alguna informació que és oferta des de la mateixa pàgina web (com veure la descripció d'un producte) i en prémer sobre l'enllaç, a la mateixa pàgina (sense carregar-la de nou) apareix la informació sol·licitada .

El procés de mostrar les dades realitzat en HTML íntegrament consumiria bastant ample de banda, ja que tot l'HTML hauria de tornar a ser carregat per només mostrar els canvis efectuats. En canvi, amb una aplicació AJAX és molt més ràpid i no consumeix ample de banda.

El JavaScript utilitzat en l'aplicació AJAX és un llenguatge dinàmic, capaç d'efectuar canvis en una pàgina web sense necessitat de re-carregar-la. AJAX s'assegura que només la informació necessària sigui sol·licitada i processada, emprant SOAP o un altre llenguatge de serveis web basat lleugerament en XML.

D'aquí que a nivell tècnic, s'obtinguin 3 avantatges: un temps de càrrega molt menor, estalvi de l'ample de banda de l'usuari i càrrega molt menor del servidor on està allotjada la web.

Els problemes d'AJAX

Problemes amb la indexació en cercadors:

AJAX és utilitzat per Google, Yahoo, Amazon i una infinitat més de cercadors, portals i creadors de contingut, però no l'utilitzen de forma general i massiva tal com alguns pensen. Google, per exemple, que dóna suport que els administradors web utilitzen AJAX en les seves programacions, l'utilitza ell mateix en GMail, a Google Suggest, a Google Maps, però no en absolutament totes les seves pàgines web.

El problema amb AJAX és que el contingut que es mostra dins de l'aplicació que utilitza AJAX, no s'indexa en els cercadors. Això és així perquè les aranyes (spiders) dels cercadors no són capaços d'interactuar amb l'aplicació AJAX i aconseguir que s'activi la comanda que mostra el contingut.

D'aquí que sigui una mala idea per exemple, crear un llistat amb el nom dels nostres productes i fer que amb una aplicació AJAX en prémer sobre un nom de producte, es mostri la descripció del producte i la seva fotografia, a la dreta del llistat. Si fem això, les descripcions dels productes i les seves imatges no quedaran indexades ni a Google ni en qualsevol altre cercador.

Encara que no tot són males notícies, certes formes de treballar amb AJAX sí que indexen, per exemple, les que juguen a mostrar o no mostrar continguts utilitzant marges positius i negatius. Així que només cal que tinguem en compte a l'hora de programar si les aranyes poden passar o no podran passar.

Problemes amb l'accessibilitat:

Si partim de la base que les nostres pàgines web haurien de ser sempre accessibles a tot tipus de navegadors i d'usuaris i almenys haurien de complir l'estàndard A del W3C (http://www.w3.org), Ens trobem en que la major part d'scripts que milloren aparença i la interactivitat d'una pàgina web tenen problemes d'accessibilitat. El AJAX també els té.

Com hem vist a l'inici d'aquest article, la utilització d'AJAX implica la utilització de JavaScript, i alguns navegadors no suporten aquest tipus de programació. Encara que com veurem més endavant això té solució.

Però tinguem en compte que una gran part de les aplicacions AJAX que trobarem a les llibreries que hi ha a Internet no han esmenat aquest problema i per tant, són aplicacions que no compleixen els estàndards W3C (al final d'aquestes línies oferim enllaços a llibreries de codi ja articles que tracten el tema de l'accessibilitat i AJAX).

AJAX, a fer servir amb moderació

Tal com hem vist en l'apartat anterior, tot i que les aplicacions AJAX aporten dinamisme, interactivitat i reducció d'ample de banda a una pàgina web, també tenen inconvenients a nivell d'indexació en cercadors i a nivell d'accessibilitat. Per tant, hem de tenir en compte i neutralitzar el següent:

  1. Si utilitzem AJAX a les nostres pàgines web, hem de ser conscients que el contingut que es mostri dins de l'aplicació AJAX no serà indexat pels cercadors. Per esmenar aquest detall, podem crear aquest contingut de forma redundant i fer-lo accessible a les aranyes a través d'un mapa del web o mitjançant enllaços al peu de pàgina de la web.
  2. Si utilitzem AJAX per fer més interactiva la nostra pàgina, hem de tenir en compte que no complirem el nivell A d'accessibilitat, llevat que utilitzem les llibreries de codi aprovades pel W3C o mitjans per a navegar per la web sense necessitat d'utilitzar JavaScript.

Enllaços relacionats

Nova informació sobre la indexació d'AJAX a Google (març 2010): http://code.google.com/intl/es/web/ajaxcrawling/

Exemples de pàgines web que utilitzen AJAX i llibreries amb codi AJAX per ser utilitzades per a administradors web:
http://ajaxpatterns.org/Ajax_Examples

Articles on s'explica com aconseguir codi AJAX que sí que compleix amb el nivell A d'accessibilitat del W3C:
http://www.maxkiesler.com/

Llistat amb errors comuns d'accessibilitat:
http://www.w3.org/TR/WCAG20-SCRIPT-TECHS/#N11799

Com s'indexa el https?

La indexació del https és un d'aquells misteris que fa la vida dels SEO més interessant. Si bé sabem que és possible indexar en la major part dels cercadors, gairebé ningú sap com aconseguir-ho en el mínim temps possible.

Què és el https?

El https és la versió segura del protocol http. La diferència entre un i l'altre és que el primer transmet les dades xifrades, i el segon els transmet sense xifrar.

El sistema https utilitza un xifrat basat en les Secure Socket Layers (SSL) per enviar la informació.

La descodificació de la informació depèn del servidor remot i del navegador utilitzat per l'usuari.

És utilitzat principalment per entitats bancàries, botigues en línia, i qualsevol tipus de servei que requereixi l'enviament de dades personals o contrasenyes.

Com funciona el https?

Contràriament al que pensa molta gent, el https no impedeix l'accés a la informació, només la encripta quan la transmet. Per aquest motiu el contingut d'una pàgina web que utilitza el protocol https pugui ser llegit per les aranyes dels cercadors. El que no pot ser llegit és el contingut que s'envia des d'aquesta pàgina web al seu servidor, per exemple, el nom d'usuari i la contrasenya d'accés a una zona privada de la pàgina web.

El port estàndard per aquest protocol és el 443.

Com sabem que realment s'indexa el https?

Google indexa https des d'inicis del 2002 i progressivament, la resta de cercadors han anat adaptant la seva tecnologia per indexar també el https.

L'últim cercador en fer-ho ha estat MSN, que ho va aconseguir el juny de 2006.

Si busquem "https: // www." O bé inurl: https en els principals cercadors, trobarem pàgines https indexades en ells.

Com podem indexar el nostre https?

En principi, de forma natural podem indexar les nostres pàgines a https, però com aquest protocol transmet la informació de forma molt més lenta, algunes vegades les aranyes no aconsegueixen descarregar les pàgines en el temps que tenen establert i se'n van sense indexar. Aquest és el principal problema amb què ens podem trobar. El resoldrem intentant disminuir el temps de descàrrega d'aquestes pàgines.

Com podem accelerar la indexació del https

Hi ha dues tècniques:

  1. Google Sitemap: Incloure en el nostre mapa del web les pàgines https (ens referim al google mapa del web, no a l'sitemap per humans), i donar-lo d'alta en Sitemaps de google.
  2. Guerrilla: repartir per tot Internet enllaços que vagin a les nostres pàgines https, i aconseguir d'aquesta manera que les aranyes que estan indexant les pàgines on tinguem els enllaços, entrin també en la part https del nostre web.

Com podem fer que no es indexi el nostre https

No és tan fàcil com sembla. No ens serveix incloure les pàgines https en el nostre robots.txt. Cada port necessita el seu propi robots.txt, així que haurem de crear un robot.txt per a les nostres pàgines http i un altre per a les nostres pàgines https. O sigui, haurem de tenir també una pàgina anomenada

https://www.nombredelapagina.com/robots.txt

Si necessites ajuda per indexar o desindexar teves pàgines https, no dubtis en contactar-nos. Estarem encatados de assistir.

Informació complementària:

Bloc de MSN sobre indexació - Article on expliquen que MSN comença a indexar https
http://blogs.msdn.com/livesearch/archive/2006/06/28/649980.aspx

Informació de Google sobre com indexar https:
http://www.google.es/support/webmasters/bin/answer.py?answer=35302

Més informació sobre Sitemaps de google:
Sitemaps de Google
http://www.geamarketing.com/articulos/Descubre_indexacion_futuro_Google_SiteMap.php

Curs online, gratuït, de posicionament en cercadors: Curs de posicionament en cercadors
http://www.geamarketing.com/posicionamiento_buscadores.php

Descobreix la indexació del futur: Google SiteMap

Google ens proposa el que serà la nova forma d'indexar pàgines web.
Els motors de cerca com Google i Yahoo, utilitzen aranyes per recollir la informació de les pàgines web que hi ha publicades a Internet. Un cop tenen la informació, la processen per poder ordenar ràpidament els resultats de recerca, en funció d'un algoritme determinat, quan un usuari acudeix a les seves respectives pàgines web i inquireix algun terme o alguna frase.

Les aranyes dels cercadors visiten periòdicament les pàgines web que estan publicades a Internet i actualitzen automàticament la informació sobre el seu contingut.

Fins ara, les aranyes entraven en el directori arrel d'un domini, buscaven el fitxer robots.txt per assegurar-se que el site desitjava ser indexat i després procedien a visitar tots els enllaços que trobaven a la pàgina web, registrant així tot el contingut de la pàgina.

Google Sitemaps revolucionarà aquesta forma d'indexar les pàgines web.

No es sólo que Google ahora lea con más detenimiento los mapas del site que la gente incluye en sus páginas web… no es nada de esto… es una nueva forma radical de indexar el contenido de las páginas. Google nos propone la creación de un sitemap en XML siguiendo unas especificaciones determinadas que darán toda la información a sus arañas y que les permitirá el acceso a urls que hasta ahora podían haber estado escondidas por diversos motivos ajenos a la voluntad de los webmasters.

Google desitja poder accedir a tot el contingut de les pàgines web de la forma més fàcil i eficient. Tal com ara està plantejada la indexació de pàgines, tot i ser molt més eficient que els índexs humans que teníem antany (qui no recorda haver anat a un cercador, haver inserit a mà la definició del nostre site, les paraules clau per les que desitjàvem ser trobats i la URL del lloc ... però això és ja prehistòria internàutica), el que Google ens planteja ara és molt millor.

Tot consisteix a posar a la disposició de les aranyes un mapa del web especial.

Per crear aquest mapa del web, només cal disposar una aplicació que s'instal·la en el nostre servidor (hi ha versions per a tots els sistemes operatius) i que crea un mapa del web en un format determinat. L'aplicació que ens proposa Google pot generar el mapa a partir de les URL de la pàgina web, a partir dels directoris de la pàgina web, o a partir dels logs del servidor (ideal per a pàgines dinàmiques).
Un cop tenim el mapa del fet segons les especificacions de Google, podem donar-lo d'alta a Google Sitemaps. Automàticament i en menys de 4 hores, Google ho haurà indexat.

Google permet que els administradors web creïn un cron que generi un nou mapa fins a cada hora (per sites amb molta renovació de contingut) i que faci el submit del mapa automàticament a Google Sitemaps. D'aquesta manera, les aranyes coneixeran immediatament les noves pàgines creades i les podran incorporar a l'índex.

Avantatges d'aquesta aplicació:

No importa el mal que tinguis la pàgina web a nivell de camins per a les aranyes ... amb un site map creat pel Sitemap Generator, les aranyes de Google sempre trobaran les url de totes les pàgines.

Un altre gran avantatge és la ràpida indexació del contingut de tot el site. En menys de 4 hores, les aranyes han visitat fins a 50.000 enllaços de la nostra pàgina web. Per webs amb més URL, Google recomana realitzar diversos sitemap i disposar d'un índex de Sitemaps.

Desavantatges d'aquesta aplicació:

Requereix una mica de coneixements en programació, de manera que, o bé els ISP ofereixen aquest servei com a valor afegit per als seus clients o bé moltes pàgines web no disposaran d'aquest servei i hauran de seguir sent indexades per aranyes normals i corrents.

Els sitemap que ja estan disponibles a la major part de pàgines web no són compatibles amb el format de Google. Google vol un document en XML amb unes especificacions determinades.

Amb aquest projecte, Google busca sens dubte, la forma de millorar la indexació de les pàgines web i poder comptar en els seus índexs amb pàgines que fins ara es perdien en un mar d'enllaços dins dels nostres sites.

Google ha creat el Sitemap Generator i el servei d'indexació Express i l'ofereix de forma completament gratuïta ... serà interessant veure la reacció de Yahoo davant això, ja que Yahoo ofereix el servei d'indexació ràpida previ pagament de 49 $, 20 $ o 10 $ segons el nombre de url que desitgem indexar de forma accelerada.

De momento no disponemos de resultados de primera mano respecto a la efectividad de la indexación a través del SiteMap de Google. En cuanto tengamos instalado el nuevo sitemap en varias páginas web y estemos en disposición de hacer comparativas de número de incremento en páginas indexadas y de frecuencia de visititas de arañas, escribiremos un nuevo artículo informando de los resultados. Nos vemos entonces.

Nota posteriorHan passat alguns mesos des que escrivim aquest article. Els resultats han estat molt bons. Tota una web resta indexada de nou en menys de 24 hores. És ideal per quan un nou web surt a la xarxa. La pots tenir indexada en un moment, sense haver d'esperar mesos i mesos a que les aranyes de Google llegeixin tot el seu contingut.

Informació complementària:

URL amb informació sobre el mapa del Google:
https://www.google.com/webmasters/sitemaps/docs/en/about.html

URL amb especificacions sobre el mapa del Google:
https://www.google.com/webmasters/sitemaps/docs/en/protocol.html

Google allibera l'accés als APIs de les seves AdWords

Fa un temps que corre el rumor d'una possible liberalització dels APIs que controlen els Google Google. Fins ara els rumors eren negats pel gegant d'Internet, però des d'ahir la cosa ha canviat.

Ja és possible sol·licitar l'accés als APIs.

Però en què consisteixen els APIs de Google AdWords? Bàsicament és un codi de programació -fins ara no modificable per ningú que no fos Google- que permetrà als anunciants i a altres empreses utilitzar el seu propi interfície de programari.

D'una banda és una mica decebedor si es tenen en compte les expectatives que havia aixecat el rumor, ja que els APIs no afegeixen noves funcionalitats als AdWords. Amb els APIs pots fer el mateix que pots fer amb el panell de control que ja fan servir els anunciants de Google. En essència del que estem parlant és d'un major grau de personalització, de la possibilitat d'afinar en qualsevol d'aquests tres aspectes:

  • Gestió de les campanyes.
  • Informes de les campanyes.
  • Estimació de trànsit.

Per evitar abusos o spam d'AdWords, els APIs estaran associats a un nombre màxim d'operacions per mes per a cada anunciant. Cada un d'aquests números de operacions màxims es calcula de forma individual amb base als comptes existents.

Amb aquest moviment Google busca aconseguir dues coses. La primera és proporcionar APIs gratuïts que permetran l'expansió a grans empreses de publicitat i l'entrada en mercats fins ara poc accessibles. I la segona és que se'ls dóna una mica més de control als anunciants.

Hace un tiempo Amazon consiguió llegar a lugares impensables y con funcionalidades increíbles al liberalizar ciertas APIs y permitir que programadores de todo el mundo pudieran consultar el catálogo de Amazon en casi cualquier dispositivo. Como consecuencia de aquello al día de hoy existen formas realmente originales y potentes de usar Amazon para el usuario. Un ejemplo es algo que ya es realidad en algunos países asiáticos: una persona se para delante de una zapatería y quiere comprobar si unos zapatos son caros. Escanea el código de barras con su móvil (funcionalidad que ya incluyen algunos móviles en Japón y Corea) y entonces el producto se compara con el precio en Amazon y se obtienen ventajas y descuentos en caso de comprarlo online.

En el cas de Google la liberalització d'APIs no és tan àmplia, però és un primer pas indiscutible cap a l'obertura a nous mercats i la consolidació de la seva posició dominant.

Si es produeix l'evolució lògica previsible és més que probable que en mesos o fins i tot setmanes vegem els primers resultats d'aquesta nova flexibilitat en els AdWords.

Enllaços d'interès:

Pàgina general sobre els APIs d'AdWords

Pàgina informativa de Google per sol·licitar l'accés a les APIs

Blog dels API d'AdWords

Índex del Fòrum de discussió sobre els APIs