domingo, 16 de septiembre de 2012

Algoritmo Penguin de Google

Artículo





Nuevo algoritmo de búsqueda PENGUIN de Google


Hoy por hoy el motor de búsqueda por excelencia es google, y en su afán de ofrecer mejores de resultados de búsqueda, realiza constantes cambios de algoritmos en sus bases de datos para ofrecer sitios de calidad en sus primeros lugares de búsqueda.

Con anterioridad nos sorprendió con el algoritmo Panda, ahora lo hace con "Penguin" (Pingüino) y en esta ocasión el objetivo es penalizar a los sitios de escasa relevancia para el usuario, contenido duplicado y spam, demasiada densidad de palabras clave en el texto. Pero también afecta a aquellos que tienen verdaderas colecciones de enlaces de entrada con palabras claves directas en el “anchor text”. Muchos de los sitios afectados son los que en su dominio contienen palabras clave...¿?

En principio esos eran los objetivos de Google, muy nobles todos ellos, pero la realidad es que en la práctica se ha llevado en el camino a muchas web's que de manera consciente o inconsciente realizaban algunas de esas prácticas y se han visto penalizadas en varios puestos en los resultados de búsqueda. Algunas web han desaparecido directamente de los resultados de búsqueda.

Buscando casos en los que se ofrece calidad y no repiten contenido, encontramos algunas webs muy importantes que se han visto también penalizadas por un , llamémosle, SEO sobre dimensionado, lo cual empieza a ser un verdadero problema.

¿Hay alguna explicación lógica en la que podamos encontrar un denominador común a todos los afectados?

Si la hay yo no la encuentro. Particularmente mis sitios no se han visto muy afectados, si observo que varían dos o tres posiciones arriba o abajo diariamente, pero bien es cierto que sitios que aparentemente respetaban las normas de calidad de google, han sido penalizados o desaparecido directamente. Se comenta mucho que la calidad de los enlaces entrantes, utilizando palabras clave de manera reiterativa ha podido ayudar de manera negativa a ese ciasco.

Yo me resisto a pensar que esta teoría sea cierta porque de ser así lo ha puesto a "huevo" a los webmaster para lanzar torpedos a la competencia y hundirlos. Bastaría con empezar a crear enlaces apuntando a la página de nuestra competencia. Como decía, no me creo esa teoría.

¿Es tu página una de las penalizadas?

Si tu página es una de las que se han visto penalizadas y consideras que no es merecedora de ello lo único que puedes hacer es tener paciencia.

Recuerda que lo mejor es ofrecer un contenido de calidad y útil para los usuarios además de evitar el contenido duplicado. Deja un poco de lado las técnicas SEO y concéntrate mas en la calidad del contenido.

Algunos consejos a tomar en cuenta:
  
- Mucha densidad de etiquetas H1 
 
Cada página solo puede tener una etiqueta H1, utilízala y divide tu contenido jerárquicamente con el resto de etiquetas H2, H3.... 
  
- Usa el rel="canonical" y los redireccionamientos 301 
 
Muchos sitios pueden verse como tuweb.com y www.tuweb.com, esto es un verdadero problema de muy fácil solución y que puede ocasionar que tu web está llena de contenido duplicado al ser considerado por los robots como contenido duplicado 

- Uso excesivo de palabras claves

No conviertas tu web en campo de setas con cientos de palabras clave puestas de manera forzada. Si tu web versa sobre calzado deportivo algunas veces es usual ver "zapatillas de deporte fabricadas para hacer deporte ya que tu vida es mas sana si haces deporte. Haz deporte puesto que el deporte ayuda....". Los robots se cansarán de hacer deporte, te lo aseguro.

- Enlaces de entrada irrelevante

Si tu web es sobre deporte quizás no está bien visto un enlace hacia tu sitio desde una web de muebles. Evita ese tipo de enlaces y sobre todo los enlaces artificiales desde páginas de intercambio.

- Usa palabras clave en los títulos

Usa palabras clave en los títulos de tu web, pero.... que no sean artificiales. Por ejemplo en lugar de usar "Contacta con nosotros" puedes usar Contacta con -nombre de tu empresa-" es una manera natural de introducir tu palabra clave.

-Usa un mapa de sitio

Incorpora un buen mapa de sitio que facilite a los usuarios a entender la estructura de tu web así como el contenido completo de la misma. 

Pero sobre todo ofrece calidad y haz las cosas pensando en tus usuarios, no lo hagas pensando en los robots. 

Fuente del artículo José Cohen  http://www.tutrabajofacil.com

lunes, 10 de septiembre de 2012

Tu Web en HTML


Estructura de una web en HTML

En este mi segundo post, vamos a intentar ver mas o menos gráficamente la estructura de una página web realizada sin ningún editor, es decir en código HTML.

De momento lo único que necesitamos es abrir el Bloc de notas para ir escribiendo nuestro código y poder realizar nuestras pruebas. Una vez abierto escribe lo siguiente:

<html>
</html>

y ahora guardalo como miprimeraweb.html

¿Qué hemos hecho? pues hemos creado el principio y el final de una web. Toda web debe empezar con un tag  (etiqueta) de apertura <html> y terminar con una de cierre </html>. Con esto le hemos dicho al navegador "este es el principio del documento <html>" y "este es el final </html>". Todo el contenido de nuestra web debe ir entre estos dos tags. Si pinchas en este fichero verás que lo abre tu navegador y sale una página en blanco.

Pues bien, ahora a "nuestro documento" le vamos a incluir un encabezado, como en los trabajos del instituto.

<html>
     <head>
     </head>
</html>

Ahora hemos utilizado otras etiquetas nuevas <head> y </head> para decirle al navegador que todo lo que hay dentro de esas etiquetas será el encabezado. Pues bien dentro de ellas colocaremos nuestro título, pero antes hay que indicar que empieza el título con otras etiquetas.

<html>
     <head>
           <title>Mi gran Web</title>
     </head>
</html>

A estas alturas ya sabrás que los navegadores son algo tontos, hay que decirles todo.

Ya tenemos la "hoja" hemos puesto nuestro título pero....¿donde escribimos nuestro trabajo? pues hay que crear un espacio para ello y decirselo al navegador. Lo hacemos con otras etiquetas nuevas <body> y </body>.

<html>
     <head>
           <title>Mi gran Web</title>
     </head>
     <body>
     </body>
</html>


Todo el contenido de nuestra web debe ir dentro de las etiquetas <body>. Ahora vuelve a guardar el documento del bloc de notas y ejecútalo. ¡Ya tienes tu web!. De momento solo está tu titulo y el resto está en blanco....pero ahí está. 

Este sería un ejemplo gráfico de la estructura de la web que hemos creado. Quizás esta sea una buena manera de estructurar y entender como se construye una web y aprender a diferenciar las distintas partes de las que está compuesta. 
Ahora vamos a incluir algo de contenido. Primero vamos a darle un poco de color para que no sea tan sosa. El color se introduce mediante un código hexadecimal con este formato "#000000"que podemos encontrar en muchos sitios.

Para evitar escribir constantemente las mismas etiquetas, vamos abviar todas excepto las de body, pero recuerda que en tu bloc tienes que mantenerlas.

<body bgcolor="#ffff66">
Lo que quieras poner
</body

¿Te gusta mas verdad? Ahora vamos a probar a darle otro formato mas curioso 

<body bgcolor="#ffff66">
Lo que quieras poner
Esta es tu
WEB  
</body

Prúebalo. Pasa algo raro...el navegador no nos lo escribe igual. Efectivamente, el navegador es tonto y no le hemos dicho como lo queremos. Vamos a incluir unos saltos de línea <br/> 

<body bgcolor="#ffff66">
Lo que quieras poner <br/>
Esta es tu<br/>
WEB<br/>
</body

Ahora si verdad. También podiamos emplear la etiqueta <p> y </p> auque su uso es mas normal para indicar párrafos.

Con los espacios entre palabras ocurre algo similar, el navegador solo reconoce un espacio. Para conseguir separar palabras con mas de un espacio tendríamos que hacerlo con " &nbsp; ". El signo & indica que empieza un caracter especial y el ; indica que ha terminado. Te voy a dar algunos caracteres especiales para control de líneas y espacios:


&nbsp;       (espacio en blanco)
&lt;            (símbolo menor qué "<")
&gt;           (símbolo mayor qué ">")
&amp;       (signo "&")
&quot;       (comilla ")
&shy;         (guión ­)

Coje tu bloc de notas y realiza pruebas con texto y estas etiquetas (tag). No te preocupes "cagandola" muchas veces es como se aprende.



Para centrar un texto en la pantalla usariamos el tag <center> y </center>. Bueno ya tenemos muchas herramientas para organizar y dar formato a nuestra Web. Ahora un pasito mas, vamos a incluir una imagen de tu gatito, por ejemplo. Para ello usamo el tag <img> pero ahora la cosa se complica un poco, pero no mucho. A esta etiqueta hay que añadirle el nombre de la imagen y donde está, su ruta completa.

<img scr="imagen.jpg" width="150" heigth="100"</img>

Ademas del nombre de tu imagen, hemos añadido las dimensiones que queremos que tenga la imagen. Como observacion decirte que en este caso el navegador buscará la imagen en la misma carpeta donde tu página. Si no fuese así, tendríamos que especificar la ruta completa.

Si te gusta ver tu imagen en el centro puedes usar la etiqueta <center> antes y después de la imagen.

Ahora imagina que tenemos una página de animales y queremos remitir a nustro visitante a una web distinta, para ello tenemos que crear un enlace. Hay muchas formas de crear enlaces pero no nos vamos a liar mucho porque creo que este no es el lugar adecuado, de manera que lo haremos sencillo.

<a href="http://www.otraweb.com"</a>  

Hemos colocado un ancla <a seguido de donde queremos el enlace con href . Esto quizásqueda un poco soso mejor si añadimos algo de texto , ¿no?

Visita <a href="http://www.otraweb.com"</a> esta Web

Imagino que vas haciendo pruebas con todo lo que vamos añadiendo, si no es así empieza a probar.

Seguramente esto es mejorable porque yo he visto la web de un amigo y el enlace es una imagen. Pues si, se puede hacer de manera muy sencilla. Imaginemos que la pagina en cuestion se llama www.gatos.com y queremos hacer un enlace con una foto de un gatito. Por ejemplo  ¡Visita! gatos nos gustaría que en lugar de gatos apareciera una imagen. Lo que hacemos es sustituir la palabra gatos por la imagen elegida.

¡Visita! <a href="http://www.gatos.com"><img scr="gato.jpg"/></a>

Con esta información creo que de momento es suficiente (visita este sitio si necesitas un tutorial de html mas completo) para entender el concepto de la estructura de una web en html.

Naturalmente existe muchiiiiiiisimas mas tags que te permiten obtener un control completo de una web, pero el objeto de este blog es hacer que entiendas los príncipios básicos de una web y con ello hacer que crezca tu interes por este apasionante mundo.

Mi consejo es que si de verdad te interesa adquieras un buen libro sobre este lenguaje de programación.

Gracias por tu visita y tu atención prestada, espero ser de ayuda.