HTML para bloggeros novatos.

Si hay algo que tenemos que conocer bien cuando entramos al mundo blogger, es HTMLCon este lenguaje universal podremos manejar mejor nuestro blog como también enriquecer nuestros comentarios en otras webs.

Muchas veces cuando queremos comentar un post, nos encontramos con el box de texto sin herramientas para editar el mensaje, por eso tener un pequeño conocimiento de HTML nos ayudará a poner en juego lo que queremos destacar.

Cómo se construye una web.

Todas las webs están divididas en dos partes. Cabeza y cuerpo.
En la cabeza se pone toda la info que interesa a los motores de búsquedas. En el cuerpo va el contenido, textos imágenes etc.
Cuando escribas las etiquetas, siempre pero siempre recuerda abrir y cerrar. Si nos olvidamos esto, nada se verá como queremos. No importa si escribes con mayúsculas o minúsculas, HTML no lo distingue (al menos aquello que está como código/etiqueta).

HTML básico.

Las etiquetas más útiles a la hora de escribir en Internet son:

  • <p> Se usa para iniciar un párrafo (este y <br> son unos de los pocos comandos que no necesariamente se tiene que cerrar)
  • <br> Salto de línea.
  • <img src=”xxx“> Colocar una foto.
  • <ul> Listado sin orden
  • <ol> Listado con orden numérico
  • <li> Elemento de un listado
  • <img src=”url”> Incluir una URL.
  • <b> Texto en negrita
  • <i> Texto en cursiva/itálica
  • <u> Texto subrayado

HTML para responder un post.

<i> Enhorabuena por el <b><u>post</u></b>, muy bien explicado, gracias por los consejos.</i>

Enhorabuena por el post, muy bien explicado, gracias por los consejos.

Saber estas cosillas no solo enriquecerá el texto a la hora de escribirlo, sino que también nos ayudará a mejorar el SEO de nuestro sitio web.

¿Qué es el SEO?

SEO es el proceso natural de mejorar la visibilidad de un sitio web en los diferentes buscadores.
Cada buscador tiene su Pagerank, este representa la importancia del sitio en función de los enlaces procedentes de otras páginas web.

¿Cómo se posiciona?

Los buscadores guardan en caché una copia del sitio web. Por esto es necesario usar negritas, itálicas, subrayados, Títulos, anchor text, ALT, atributos entre otros. Todo esto será analizado a la hora de posicionar.

HTML en Widgets

Otro gran uso en los blogs, son los Widgets. Allí si o si se debe escribir en HTML.
Si cogemos un widget de texto podremos hacer mil y un experimentos.
Un ejemplo muy práctico a la hora de empezar con un blog, es el box de presentación: texto y foto.

HTML en Widgets

Si necesitas apurar el paso, hay editores de HTML que lo hacen por ti. Claro que para poder sacarle jugo necesitas saber los pequeños conceptos u-ni-ver-sa-les que arriba os conté.
Quackit es un editor online muy fácil de usar.
En las siguientes fotos os explico los dos pasos para conseguir el código.

Quackit HTML Quackit HTML

¿Fácil, no? para todo lo demás existe Mastercard o los programadores.

<Bonus Track>

Otra cholulada que veremos en los socials o en los blogs son las imágenes Ascii. Fáciles de hacer y lindas para decorar al mejor estilo geek.

Anuncios

Etiquetado:, , , , , , , , , , ,

18 pensamientos en “HTML para bloggeros novatos.

  1. stereohisteria 03/03/2013 en 10:17 pm Reply

    Gracias por el dato! Ahora podré editar decentemente y sabré hacer que se vea bien.

  2. Bernabe Torrico 04/03/2013 en 12:29 am Reply

    Bien explicado. Buena ayuda para los primerizos con el código html. Saludos.

  3. Gloria Muro López 04/03/2013 en 9:54 am Reply

    Muy bien explicado Mara. ¡Enhorabuena!

  4. Julián Pablo Alonso 04/03/2013 en 12:45 pm Reply

    Clarito, clarito, más no se puede pedir. No conocía lo de crear imágenes con texto usando ASCII GENERATOR 2, muy interesante. Gracias Mara.

  5. miriandrs 04/03/2013 en 7:46 pm Reply

    Muy interesante post, un buen recordatorio con datos nuevos como las imágenes con texto ASCII. Gracias ADgentinian!

  6. Gloria Muro López 08/03/2013 en 9:12 am Reply

    Enhorabuena por el premio!

  7. eestheerr 08/03/2013 en 9:15 am Reply

    Que bien nos viene la “chuleta” de HTML. Muy bien explicado…enhorabuena!

  8. […] Si quieres aplicar HTML a la hora de escribir tus post y comentarios, te recomiento este post, click aquí. […]

  9. […] Si quieres aplicar HTML a la hora de escribir tus post y comentarios, te recomiento este post, click aquí. […]

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

enero11

Literatura para romper el tiempo.

BITS AND TWEETS

Contando cosas sobre social media, tecnología, gadgets, música, cine, es decir de todo un poco

A %d blogueros les gusta esto: