Archivo de la etiqueta: Google

Nuevo metatag para las noticias de Google

Google ha ideado un nuevo metatag, indicado especialmente para que los redactores den una idea aproximada del artículo que están creando, y así Google News sea capaz de ubicarlo mejor.

google-noticias

Hasta ahora, el servicio de noticias de Google, categorizaba los artículos según los titulares y su contenido, pero gracias a la etiqueta “news_keywords“, podremos indicar una serie de términos, que ayudarán a posicionar mejor al articulo, dentro de la categoría que efectivamente le corresponda.

Su uso es simple. Bastará con indicar dentro del <head> y junto con las otras etiquetas meta la etiqueta news_keywords de la siguiente forma:

<meta name=”news_keywords” content=”listado de palabras clave separadas por comas”>

Hay que destacar, que la incorporación de ésta etiqueta no significa una mejora en el posicionamiento, sino que el contenido del articulo estará ubicado en la categoría que le corresponda.

Para ampliar la información, puedes consultar la página de ayuda de Google sobre la nueva metatag news_keywords.

Facebooktwittergoogle_plus

Mejorar el SEO de nuestra web

Si queremos mejorar el posicionamiento de nuestra web, debemos tener en cuenta una serie de factores que facilitarán la indexación por parte de los buscadores, consiguiendo mejores resultados.

Los principales puntos a tener en cuenta son:

La palabra clave en el título: Deberemos indicar una palabra clave para definir a la página, y ésta palabra clave debe situarse lo mas próxima posible al comienzo del título de la página. Además deberemos adjuntar toda esta información en los elementos META de la página, tal como indicamos en nuestro artículo Las Meta Tags Title, Description y Keywords

Aparición de palabra clave: Debemos incluir también en el contenido de la página la palabra clave, aunque no debemos abusar. Tan malo es el exceso como el defecto. Intentaremos situar la palabra clave en los primeros párrafos.

Palabra clave en las etiquetas de título: También es aconsejable utilizar nuestra palabra clave en alguna etiqueta de título (H1, H2, H3,…).

Contenido de calidad y no repetido: Es fundamental que el contenido de nuestra página sea único y de calidad. Un copia-pega no nos proporcionará buenos valores de posicionamiento, ya que se detecta que el contenido no es original.

Enlaces e imágenes: Si nuestra palabra clave identifica a algún otro sitio web, es fundamental que aparezca en el título del enlace o en la etiqueta alt de la imagen. Los buscadores “agradecen” estos detalles.

Palabra clave en la URL de la página: Si disponemos de un sistema de URL amigable, o simplemente tenemos paginas estáticas, también es recomendable que la palabra clave esté incluida en dicha URL.

Accesos a la página desde redes sociales: Los buscadores también premiarán las páginas cuyo contenido es promovido en las redes sociales y se realizan accesos a la página desde éstas.

Facebooktwittergoogle_plus

Utilizar fuentes de texto de Google Web Fonts

Si en alguna ocasión has visto un sitio web con unas fuentes de texto muy diferentes a lo que estamos acostumbrados a ver, puede ser que dicho sitio esté utilizando el servicio de Google Web Fonts. gracias a un sencillo código generado por ésta web, podremos utilizar gran cantidad de fuentes de texto, desde las mas modernas hasta las mas clásicas e incluso las manuscritas.

Vamos a ver los pasos necesarios para que nuestra web sea capaz de utilizar una de las muchas fuentes disponibles en Google Web Fonts.

Lo primero será seleccionar la fuente que vamos a utilizar. En el lateral derecho podemos filtrar por el tipo de fuente que queremos (Serif, Sans Serif, Display o Handwritting).

En la parte superior tenemos varias pestañas en las cuales podremos visualizar una palabra, una frase o un párrafo completo de cada tipografía. Además, podemos definir el texto que queremos visualizar y su tamaño en la casilla Preview Text. Deberemos pulsar sobre el botón Add to Collection en cada una de las fuentes que nos guste.

google-web-fonts

Pulsando sobre el botón Review situado en la zona inferior, podremos comparar todas las fuentes que tengamos seleccionadas y así facilitar la decisión de elegir una de ellas. Una vez hayamos tomado una decisión, deberemos desmarcar las fuentes que no queramos, con la opción Use this style

Ahora, pulsaremos sobre el botón Use de la zona inferior. Nos aparece una nueva página en la que podremos seleccionar y deseleccionar de nuevo las fuentes que deseamos utilizar. Esta sección se denomina 1. Choose the styles you want También nos aparece un contador de la velocidad de carga, pues hay que tener en cuenta que cuantas mas fuentes agreguemos, mas tiempo necesitará la pagina para cargarse.

Continuaremos bajando hasta la sección 3. Add this code to your website en donde nos aparece el código que debemos agregar a nuestra web. Tenemos tres métodos distintos para la inserción:

Standard: Que agregaremos en el <head> de nuestra web como si de otra hoja de estilos se tratase:

<link href='http://fonts.googleapis.com/css?family=Inder' rel='stylesheet' type='text/css'>

Import: Haciendo el import directamente en la hoja de estilos CSS

@import url(http://fonts.googleapis.com/css?family=Inder);

JavaScript: Insertando código Javascript directamente entre las etiquetas <head> de nuestra web

<script type="text/javascript">
   WebFontConfig = {
     google: { families: [ 'Inder::latin' ] }
   };
   (function() {
     var wf = document.createElement('script');
     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
     wf.type = 'text/javascript';
     wf.async = 'true';
     var s = document.getElementsByTagName('script')[0];
     s.parentNode.insertBefore(wf, s);
   })(); </script>

Como puedes observar en cada uno de los códigos anteriores, siempre aparece el nombre de la fuente seleccionada, que en nuestro caso es Inder.

Para utilizar la nueva fuente de texto, tan solo nos quedará agregarla en nuestra hoja de estilos, por ejemplo:

body {
  font-family: 'Inder', serif;
  font-size: 46px;
}
Facebooktwittergoogle_plus

Las Meta Tags Title, Description y Keywords

Si hace unos días os contábamos la importancia que tenia la etiqueta Robots para la indexación correcta de nuestras páginas en los buscadores, las etiquetas que hoy os mostramos también tienen que ver, y mucho, en cuanto a los resultados que muestran los buscadores.

Las Meta Tags Title, Description y Keywords, proporcionan información relativa a la página o al sitio en general, que aunque no se muestran en la web, son utilizadas por los robots de los buscadores para la indexación y clasificación de las páginas. De hecho, numerosos plugins de Blogs y CMSs, agregan contenido en estas etiquetas de forma automática para mejorar el SEO de las páginas.

La etiqueta Title

La etiqueta Title es vital para los buscadores, ya que proporciona el titulo de nuestra web. Es importante que el contenido de esta etiqueta coincida con la etiqueta <title> de la página.

El Title debe ser una frase breve que resuma el contenido de esa página web. Debe incluir las palabras que consideres claves para la página y su extensión no deberá exceder de los 65 o 70 caracteres.

Su estructura es la siguiente:

<META NAME="title" CONTENT="titulo de la página">

La etiqueta Description

En ésta etiqueta, incluiremos una descripción más extensa del contenido de nuestra página. Será la frase que acompañe al titulo en los listados (resultados de las búsquedas) que muestran los buscadores, por lo que su contenido debe ser claro y conciso. Procuraremos no repetir palabras e intentaremos incluir los términos que describen nuestra página y que aparecerán en la etiqueta Keywords.

Se recomienda que su contenido no sobrepase los 120 o 140 caracteres. Su estructura será:

<META NAME="description" CONTENT="descripción de la página">

La etiqueta Keywords

En la etiqueta Keywords insertaremos todas las palabras que consideremos claves para y que se identifiquen con nuestra página. Conviene incluir palabras que efectivamente concuerden con el contenido de la web, ya que aumentar la cantidad de palabras con términos que poco o nada tengan que ver con nuestra web, con el fin de conseguir visitas, pueden provocar el efecto contrario, ya que Google y otros buscadores podrían penalizar nuestra web.

Una cantidad aceptable de palabras seria entre 10 y 20. La sintaxis básica seria:

<META NAME="keywords" CONTENT="palabra1, palabra2, palabra3, ...">
Facebooktwittergoogle_plus

Quitar el cartel de “Este sitio es una web atacante”

Si nuestra web ha sido victima de algún ataque por parte de hackers, al entrar en ella, nuestro navegador mostrará un mensaje de advertencia.sitio-web-atacante

Cuando hemos limpiado el contenido de la web (deberemos cerciorarnos de ello), el mensaje de advertencia continuará apareciendo hasta que la web no sea indexada de nuevo y Google detecte que ya no existe peligro.

Como éste cartel afectará negativamente a las visitas de nuestro sitio, podremos acelerar el proceso de indexación. Para ello, deberemos pulsar sobre el enlace Página de diagnóstico de navegación segura en el caso de utilizar Google Chrome o bien, sobre el botón ¿Por qué ha sido bloqueado este sitio? si estamos utilizando Firefox.

En ambos casos llegaremos a una página de Google en la que se nos informa de la última vez que se rastreó la página y la fecha en la que se encontró software malicioso. En la misma página, se encuentra un enlace en el que podremos acceder para solicitar una revisión de la página, aunque para ello deberemos utilizar las herramientas para Webmasters de Google.

herramientas-webmasters

Facebooktwittergoogle_plus

Añade el buscador de Google a tu página web

Google dispone de un servicio mediante el cual los usuarios pueden insertar en su propia página web, la caja de búsqueda de Google. El servicio en cuestión, denominado Google Free, no es mas que una página en la que se nos indica el código que debemos insertar en nuestra web para poder utilizar éste servicio.

Existen tres modalidades distintas:

  • La primera, denominada Google Free web search integra el buscador de Google para realizar búsquedas en toda la web.
  • En la segunda opción denominada Google Free SafeSearch, disponemos de un servicio igual que en la modalidad anterior, pero excluyendo de la búsqueda páginas con contenido para adultos o tematica sexual.
  • Y la tercera opción, y que vemos más interesante, llamada Google Free web search with site search, nos permitirá realizar búsquedas en la web y en nuestro sitio web (siendo ésta la opción por defecto).

Para insertar el buscador en tu web, deberás acceder al servicio de Google Free y copiar el código necesario tal como se indica en la descripción. En el caso de elegir la tercera opción, deberás modificar el código cambiando las tres veces que aparece “YOUR DOMAIN NAME” por el nombre real de tu dominio.

Cuando hayas añadido el código necesario a tu página web obtendrás como resultado un cuadro similar a éste:

Facebooktwittergoogle_plus

Mejorar el posicionamiento SEO de un sitio Joomla

Podemos mejorar el posicionamiento de nuestra web creada con Joomla, simplemente añadiendo un par de lineas al fichero robots.txt que existe en la carpeta raíz donde está instalado este popular cms.

El fichero robots.txt es un fichero de texto en el cual se indica a los buscadores en que partes del sitio pueden buscar y en cuales no. Así evitamos que los robots de los buscadores analicen contenidos innecesarios y no sobrecargamos al servidor.

Pues bien, podemos mejorar el posicionamiento de nuestra web si añadimos en el fichero robots.txt un referencia al mapa del sitio (que si no tienes uno, deberías crearlo) escribiendo:

sitemap:http://midominio.com/component/option,com_xmap/lang,en/sitemap,1/view,xml/

Así la información es accesible por los robots y los buscadores pueden indexar toda la web fácilmente. En nuestro caso usamos el componente Xmap para crear el mapa web de nuestra web.

Otra opción interesante es permitir la indexación de las imágenes del sitio. Por defecto en Joomla viene desactivada, así que deberemos buscar y eliminar la línea:

Disallow: /images/

Con ésto Google visitará nuestras imágenes y las incluirá en su lista de resultados.

Facebooktwittergoogle_plus