Crear mi blog en Tumblr

Instrucciones para crear y configurar mi propio blog en Tumblr

[crearmiblog]

Hola! Como se pone una etiqueta o un link no estoy segura, en la descripción, que se pone en subrayado y le das clic y te manda a una etiqueta de tu mismo tumblr?? No sé si me explique :(

Te refieres a las “etiquetas”.Las etiquetas se agregan desde el mismo formulario que completas para agregar contenido al Tumblr (Aparece en todos los tipos de contenido: Texto, video, fotos, etc)

En la parte inferior de dicho formulario, encontrarás el espacio para agregar las etiquetas (si no las has agregado antes de publicar el artículo, puedes EDITAR y agregarlas).

Si lo que deseas es agregar dentro de un artículo el enlace que lleve a ver los artículos publicados con una etiqueta en particular, usa la siguiente estructura: (reemplaza “nombre-etiqueta” por la etiqueta que desees buscar):

http://tumblr.com/tagged/nombre-etiqueta (Busca esa etiqueta en TODOS los blogs de Tumblr)

ó

http://nombre-blog.tumblr.com/tagged/nombre-etiqueta (busca esa etiqueta dentro de un blog específico- Debes reemplazar “nombre-blog” por el nombre de tu blog)

Agrego

Por ejemplo, si queremos buscar en este mismo blog todos los artículos publicados con la etiqueta THEME, hacemos debemos agregar el  siguiente enlace:

http://crearmiblog.mundohandball.com/tagged/themes:

Saludos

[crearmiblog]

38.- Colaboraciones, o cómo enviar artículos para que sean publicados en Tumblr

Tumblr viene preparado para que los lectores de un blog puedan enviar artículos para ser publicados (previa aprobación del administrador del blog) con sólo el llenado de un simple formulario.

Activación

Si quiero activar el servicio de Colaboraciones (poder recibir artículos de terceras personas) para publicar mi blog, debo hacer lo siguiente:

1. Hay que entrar en http://tumblr.com y hacer click en el botón CUENTA del menú superior

Verás una lista con los nombres de todos los blogs que tienes creados (si has creado más de uno) y seleccionas el blog que desees para recibir las ccolaboraciones.

2. Luego, haces click en “MODIFICAR APARIENCIA” del menú que aparecerá en la barra derecha. 

3. Al hacerlo, veremos que se abre una pantalla. Si nos desplazamos hacia abajo veremos el apartado COLABORACIONES. Allí, debemos activar la casilla “Permitir colaboraciones”. También, deberemos elegir el formato de artículos que podrán enviarnos (texto, fotos,  videos, etc...)

4. Introducimos también en el formulario el título que quieras ponerle a la página de colaboraciones, las etiquetas que se agregarán al artículo (tags) y, bajo Normas de Colaboración, agregas el texto introductorio que aparecerá cuando un usuario haga click en el botón para enviarlas.

Envío de Colaboraciones a otros blogs de Tumblr

Al ingresar a un blog de Tumblr encontrarás el botón COLABORACIONES (o algo con un nombre similar), sólo si el servicio está habilitado.

En todos los blogs de Tumblrl, el acceso se hace por medio de la dirección: http://nombredelblog.tumblr.com/submit (si el servicio no estuviese habilitado verás un mensaje de error)

En nuestro caso, que tenemos un nombre de dominio propio, se ingresa por: http://crearmiblog.mundohandball.com/submit (También por medio del botón Colaboraciones en el menú superior)

Al  ingresar, veremos el formulario a completar: Recuerda elegir el tipo de artículo que deseas enviar (Texto, fotos, videos, etc) y completa el resto de los datos. Si no estás identificado con tu cuenta de Tumblr (o no tienes una), te pedirá nombre y dirección de e-mail. Acepta las condiciones de colaboación y dale clic a ENVIAR.

El administrador del blog recibirá un aviso de nueva colaboración (al ingresar a Tumblr.com verá que tiene un nuevo mensaje), la leerá y decidirá si se publica o no.

[crearmiblog]

37.- Artículos y Páginas: Diferencias y creación

En el mundo de los blogs será bastante común hablar de artículos (o entradas, o posts) y páginas estáticas. ¿Cuál es la diferencia y como los puedo crear?

Artículos

Si tienes un blog, quizás en Tumblr o en otra plataforma, la mayoría de tu contenido es agregado en forma de artículos, los cuales se publican y archivan cronológicamente. Conforme vamos escribiendo artículos, éstos se van archivando en base a la fecha de publicación.

En nuestro Tumblr los artículos se publican por medio de los botones que nos permiten subir alguno de los siete tipos de contenido que conocemos:

Para que los usuarios y visitantes no tengan que revisar todo el  contenido del blog para encontrar un artículo, éstos se pueden organizar incluyendo etiqutas (tags)

Todos los artículos publicados se encuentran (separados mes por mes) en el archivo de nuestro Tumblr, al que podremos siempre acceder agregando /archive a continuación de la dirección del blog. En nuestro caso, lo encontramos en:

http://crearmiblog.mundohandball.com/archive

Páginas

Las páginas, por otro lado, tienen contenido donde la fecha de publicación no tiene importancia y es básicamente un contenido “estático”, como por ejemplo:

“Páginas de “Contacto”, 

“Preguntas Frecuentes”, 

“Tutoriales”, etc

Las páginas no se archivan en base a la fecha de publicación y tampoco se basan en categorías o tags como los artículos.

Cómo crear páginas en Tumblr

En Tumblr existe la posibilidad de crear páginas estáticas, y es relativamente sencillo hacerlo:

Debemos entrar en http://tumblr.com y hacer click en el botón CUENTA del menú superior

En la lista de blogs que se abra (si tenemos creado más de uno), seleccionamos el de nuestro interés y elegimos, en la ventana que se abra, la opción “MODIFICAR APARIENCIA”, y luego EDITAR TEMA, tal como vemos en la imagen inferior.

Se abrirá una nueva pantalla y en la columna de la izquierda, nos desplazamos hacia abajo donde veremos el botón Añadir una página

Se abrirá una ventana para que agregues contenido a tu nueva página. Agregarás, como vemos en la imagen inferior, Título a mostrar y contenido, pero también agregarás la dirección url por la que quieres se ingrese a tu página (modificando el /url que vemos en la imagen inferior.

Este parámetro se agregará al final de la dirección de nuestro blog, por lo que se ingresará a la página por:

http://nombre-de-mi-blog-tumblr.com/nombre-de-pagina

Si activamos la casilla Título a mostrar (ver imagen superior), nos agregará automáticamente un enlace a la página en el menú del Theme

En la imagen superior vemos que si hacemos click en Diseño Estandar, accedemos a un menú con tres opciones:

Diseño Estandar : Tumblr elige el diseño de la página

Diseño personalizado: Hay que agregar todos los estilos personalizados a la página (excede el alcance de este breve tutorial)

Redirección: No agregará ninguna página, sino que el enlace creado que mencionamos más arriba nos llevará a la página web externa que nosotros le indiquemos .

[crearmiblog]

36.- Función de recibir/responder preguntas en Tumblr

Tumblr viene con una funcionalidad para recibir preguntas. Al responderlas, podrán publicarse en un blog de Tumblr y ser reblogueadas por otros usuarios.

Cuando envíes  una pregunta, podrás hacerlo utilizando tu nombre de usuario o de forma anónima (seleccionando la casilla correspondiente). De igual manera, NO es necesario tener una cuenta en Tumblr para realizar preguntas a un determinado blog. 

Si eres quien recibe la  pregunta, podrás optar por responderla en público (publicándola en tu blog para que todos la vean) o en privado.

Si la pregunta recibida es anónima, claro, sólo podrá responderse en público, ya que no sabemos quién las envía.

¿Cómo realizo una pregunta?

Las distintas plantillas (Themes) vienen preparadas para mostrar el botón correspondiente . Si no lo encuentras, siempre puedes ingresar escribiendo en el navegador: http;//nombredelblog.tumblr.com/ask (si esa dirección marca error, es porque la funcinalidad de preguntas no está activada)

Como ejemplo, para este blog que tiene dirección personalizada con dominio propio, deberás ingresar a: http://crearmiblog.mundohandball.com/ask

Claro, también tienes un acceso directo en el menú horizontal superior (barra de fondo negro), etiquetada como CONSULTAS (ASK)

¿Cómo activar esta función?

Si tienes un blog en tumblr y deseas recibir preguntas, debes realizar lo siguiente:

1. Hay que entrar en http://tumblr.com y hacer click en el botón CUENTA del menú superior

Verás una lista con los nombres de todos los blogs que tienes creados (si has creado más de uno) y seleccionas el blog que desees para recibir las consultas

2. Luego, haces click en “MODIFICAR APARIENCIA” del menú que aparecerá en la barra derecha:

3. Activa la casilla “Permitir que te hagan preguntas” en el apartado “Preguntar” (ver imagen inferior).

 4. Introduce el nombre que quieras ponerle a la página de preguntas en el apartado “Título de la página de preguntas”.

5. Activa la casilla “Permitir preguntas anónimas” si quieres que cualquiera pueda hacerte una pregunta (En caso contrario, sólo podrán realizar consultas los usuarios que tengan una cuenta en Tumblr). Listo!!

¿Está limitada la cantidad de preguntas que puedo enviar?

Solamente puedes enviar 10 preguntas cada hora y solo cinco pueden ser anónimas. Además, una pregunta tiene un límite máximo de 500 caracteres (la respuesta a la pregunta no tiene limitaciones en este aspecto)

¿Me avisa el sistema que tengo preguntas recibidas sin leer?

Sí. Cada vez que ingreses a tu dashboard (desde tumblr.com o desde tumblr.com/dashboard), verás el icono de un sobre en el menú superior con un número que muestra la cantidad de mensajes sin leer que tienes Sólo deberás hacer click en dicho icono para ser redirigido a la bandeja de mensajes recibidos (ver imagen inferior):

[crearmiblog]

35.- ¿Qué son las notas en Tumblr?

Las notas recopilan todos los reblogueos, "Me gusta", preguntas y respuestas que recibe una publicación.

Pulsando o haciendo click sobre el contador de notas en cualquier publicación veremos las interacciones de nuestros lectores, en forma de notas ordenadas cronológicamente.

De acuerdo a la cantidad de interacciones, la pantalla con las notas podrá mostrarse de manera diferente 

En este blog, el contador de notas se puede encontrar a la derecha de la fecha de publicación, tal como vemos en la siguiente imagen (sólo se muestra si hay interacciones previas). En otros Themes aparecerá en un lugar diferente.

[crearmiblog]

34.- Enviar mensajes privados a otros usuarios

Es bastante simple enviar mensajes privados a otros usuarios con la utilidad tipo MESSENGER que Tumblr tiene incluido.

Ingresa a tu dashboard (http://tumblr.com) y haz clilck sobre el icono de la carita sonriente que aparece en la barra superior (Ver imagen inferior) . Al hacerlo, Observarás un botón “+” en la esquina superior derecha. Con ese botón podrás crear tus mensajes. Al pulsarlo, se abrirá el messenger y podrás observar la lista de todos los usuarios a los que sigues con el blog de tu preferencia (elige el adecuado entre todos los que has creado). Escoge al que quieres escribir, escribes (si lo deseas puedes agregar alguna imagen) y luego envías tu mensaje con el botón correspondiente.

¿A quién le puedes escribir? En la práctica a todos los que tengan una cuenta de Tumblr, pero cada usuario tiene la posibilidad de decidir si acepta mensajes de todos o únicamente los acepta de los usuarios a los que él sigue (Si tiene esta opción activada y no te está siguiendo no recibirá tus mensajes)

[crearmiblog]

33.- Agregar caja para acceder a nuestras redes sociales

Siguiendo con agregados que podemos hacer a nuestro blog de Tumblr, suena interesante poder agregar un bloque en la columna lateral desde donde los lectores puedan acceder a nuestras redes sociales.

Para hacerlo, simplemente, deberemos ingresar a nuestro Theme (plantilla) y agregar un código en la columna derecha:

Ver también: Como hacer agregados a mi Theme (plantilla)

Un buen lugar para agregar el código puede ser debajo del bloque ABOUT, al que debemos buscar ingresando en el HTML del Theme como indicamos en el enlace superior para luego ingresar al buscador interno presionado teclas Ctrl + F. Con sólo escribir en el bloque busador que se abra la palabra About y presionar ENTER seremos dirigidos a ese lugar (recordemos que puede haber más de un About, y que el que nos interesa está entre <div> y </div>

¿Y el código a agregar?

Es el siguiente, que podemos copiar desde aquí y luego pegar en nuestro Theme (en la imagen superior vemos como quedará en nuestra columna derecha - Lo hemos removido de este bloq en el que estamos participando así que no lo encontrarán en la columna derecha):

<h3>Mis redes sociales </h3> <a href="http://twitter.com/mundohandball" target="_blank" title="Ver mi perfil en twitter"><img src="https://lh5.googleusercontent.com/-vb_gIqc5cPM/TsmWG4yUgSI/AAAAAAAAARM/TYhjt1rrPSA/s72-c-k/button-twitter.png" border="0" style="width: 48px; height: 48px;" alt="MundoHandball en Twitter" /></a>

<a href="http://www.facebook.com/mundohandball" target="_blank" title="Ver mi página en facebook"><img src="https://lh6.googleusercontent.com/-USJoYR4R0g0/TsmXjygBZ0I/AAAAAAAAARY/ZbpsmoggugY/s263-c-k/button-facebook.png" border="0" style="width: 48px; height: 48px;" alt="" /></a> <a rel="author" href="http://plus.google.com/+mundohandballweb"><img src="http://www.google.com/images/icons/ui/gprofile_button-64.png" width="48" height="48" /></a>

<a href="http://pinterest.com/mundohandball/" target="_blank" title="Ver mi muro en Pinterest"><img src="https://lh4.googleusercontent.com/-7qnuXH1BWJM/T3CCyghsHLI/AAAAAAAAAhs/mRH88YyEvXo/s300/pinterest-logo.png" border="0" style="width: 48px; height: 48px;" alt="" /></a>

Por supuesto, estos botones dirigen a Mundo Handball, por lo que deberás cambiar los datos para incluir los de tus propias redes. Te explicamos como

Como observamos, hay CUATRO botones en ese cuadro superior. Si quieres puedes borrar algunos o agregar otros.

Para hacerlo, hay que observar que los botones tienen más o menos la siguiente estructura en su código:

<a href="http://twitter.com/mundohandball" target="_blank" title="Ver mi perfil en twitter"><img src="https://lh5.googleusercontent.com/-vb_gIqc5cPM/TsmWG4yUgSI/AAAAAAAAARM/TYhjt1rrPSA/s72-c-k/button-twitter.png" border="0" style="width: 48px; height: 48px;" alt="MundoHandball en Twitter" /></a>

Si quieres borrar algún botón, borra la estructura completa que aparece aquí arriba.

Si quieres agregar más botones, copia la estructura mencionada y agrégala debajo de la última del código general.

Para modificar los datos, ten en cuenta que:

Después del <a href= hay que poner la dirección de la red social a que quieres que la gente sea dirigida cuando haga clic sobre el botón

Después del title=" hay que poner el texto que deseas aparezca cuando se posicione el puntero del mouse sobre el botón.

Lo que viene después del <img src="   es la dirección de la imagen que hace las veces de botón (podrás cambiarla por cualquier otra)

Lo que aparece arriba de todo: <h3>Mis redes sociales </h3> , es el título que le damos al bloque

Lo puedes ver en funcionamiento en el Tumblr de Mundo Handball:

http://tumblr.mundohandball.com/

[crearmiblog]

32.- Acelerar la indexación de Google para un artículo en particular

Como hemos explicado, Google tarda demasiado en indexar los artículos publicados en Tumblr (indexar=hacer que el artículo se encuentre disponible para que pueda ser encontrado usando un buscador), lo que nos hacía recomendar la plataforma como un blog auxiliar y NO como nuestro sitio web principal.

Hay sin embargo una forma de hacer que Google indexe un poco más rápido nuestros artículos: Enviarles uno por uno y no hacerlo por medio del sitemap.

Para ello, debemos ingresar a: Google Webmaster Tools por medio del siguiente enlace:

https://www.google.com/webmasters/tools/home?hl=es

Y allí, en la lista que se abra, buscar cuál de nuestros sitios queramos indexar (previamente debemos habernos registrado y verificado nuestro sitio como ya explicamos)

http://crearmiblog.mundohandball.com/post/101294448647/seo-sitemap-tumblr-wemaster-google

Una vez realizado, elegimos en la columna izquierda RASTREO / EXPLORAR COMO GOOGLE (señalado por ”1″ en la imagen inferior) y en la ventana que se abra usamos el campo “2″ (imagen inferior) para completar la dirección del artículo que queremos indexar.

Luego de unos segundos, se completará la pantalla tal como vemos en la imagen inferior y podremos hacer clic en botón SOLICITAR INDEXACIÓN (”3″)

En un par de minutos, típicamente, el artículo en cuestión podría estar indexado y aparecer en el buscador de Google (claro, dependerá de muchos parámetros de Google, por lo que no podríamos afirmar que así ser’a - Es cuestión de probar)

[crearmiblog]

31.- Bookmarklets: compartir en Tumblr directo desde navegador

Navegadores como Google Chrome tienen infinidad de extensiones que podemos agregar. 

Una muy interesante es POST TO TUMBLR que, una vez instalada en nuestro navegador, nos agrega un botón en la barra de herramientas (Bookmarklet), tal como podemos ver en la imagen inferior:

Una vez encontremos un artículo que nos interese compartir en Tumblr, mientras lo visualizamos en el navegador, podemos hacer click en el botón de Post To Tumblr y se abrirá una ventana desde donde podremos elegir en cuál de nuestros blogs de Tumblr lo queremos compartir y en que formato queremos hacerlo (formato Foto o formato Enlace)

Para instalar la extensión, debemos primero descargarla a nuestra computadora desde el enlace que  aparece más arriba colocado. Posteriormente, en el navegador Google Chrome, hay que hacer click en el botón con tres lineas horizontales situado arriba a la derecha y selecciona Herramientas / Extensiones. Luego, moviéndonos entre ventanas, simplemente habrá que arrastrar el icono de la extensión que descargue a la del navegador abierto en  Herramientas / Extensiones. Listo!!

Hay también, claro, bookmarklets para otros navegadores que no sean Google Chrome. Consulta la documentación e tu navegador.

[crearmiblog]

30.- Recuperar un Theme

Imaginemos que hemos modificado un Theme (plantilla) y luego nos damos cuenta que el resultado no ha sido el esperado.¿Podemos volver al estado anterior?

Sí! 

Para ello, sólo debemos ingresar a la siguiente dirección desde nuestro navegador :

https://www.tumblr.com/themes/recover

Allí, debemos elegir cuál de nuestros blogs queremos recuperar en su formato (si tenemos más de uno) y haciendo click en botón VER COPIAS DE SEGURIDAD, tendremos la posibilidad de recuperar y volver atrás (en teoría, se gurdan hasta los últimos 20 cambios en el theme)

Si hacemos ciick en el botón RESTABLECER, volveremos al estado que elegimos.

[crearmiblog]

29.- Tumblr: Agregar texto en colores o con diferente formato

Tumblr tiene una barra muy simple para dar formato al texto (la observas si seleccionas con el puntero del mouse alguna de las palabras escritas mientras estás redactando el artículo). No hay, consecuencia, posibilidades de cambiar color, alinear el texto a la derecha, ponerle fondos de colores, etc. Esto no quiere decir, no obstante, que no podamos hacerlo.

Con un poco de trabajo podemos dar un aspecto diferente (no tan plano) a nuestros artículos en Tumblr.

Para lograrlo, debemos ingresar a nuestra plantilla y editar el HTML que allí se encuentra (Ver: Cómo modificar la plantilla de mi Tumblr)

Una vez en nuestra plantilla (accedimos a la misma siguiendo los pasos indicados en el enlace superior), debemos buscar en la misma el ESTILO CSS, lo que encontraremos ubicado entre <Style> y  </Style>.

En cualquier lugar ubicado entre esas dos etiquetas debemos agregar el código que dará formato a nuestro texto. Como ejemplo, cito el que se usa en este Blog de Tumblr (Si lo deseas, puedes copiarlo y pegarlo en tu propia plantilla):

    .azul {color:blue;}     .grande {font-size:18px;}     .resaltado {position: relative; clear: both; width: 80%; margin: 0 auto;padding:16px 10px 10px; border: 1px solid #ccc;border-bottom: 1px solid #999;border-right: 1px solid #999;-webkit-box-shadow: 1px 1px 2px #666;-moz-box-shadow: 1px 1px 2px #666;box-shadow: 1px 1px 2px #666;font-style: italic; background:#fff;background-image: url(http://1.bp.blogspot.com/-mA6d2-8qFh0/ULKYpRY3bSI/AAAAAAAAGkc/BEC63oCEG6s/s1600/nota.jpg);font-size:18px;}     .derecha {background-image: url('http://1.bp.blogspot.com/_L3S3cG5x4ys/SwBc0pPQ2MI/AAAAAAAABDM/O64aLmDM8cA/s400/blockquote.jpg');background-repeat:no-repeat;text-align:right;font-size:22px;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;border-top:#d9d9d9 solid 2px;width:245px;margin:10px 20px 15px 10px;float:right;overflow:hidden;display:inline;padding-left:20px;color:##656c7a}

Con esto, estaremos agregando CUATRO estilos a mi texto:

AZUL: Escribirá el texto en color azul

GRANDE: Escribirá el texto en un tipo de letra más grande

DERECHA: Hará un cuadro de texto flotante a la derecha (tal como se ve más arriba, abajo del título del artículo)

RESALTADO: Pondrá el texto en un rectángulo de color y centrado

Esto tenemos que hacerlo una sola vez y nuestros estilos quedarán guardados.

¿Cómo aplico esos estilos?

No es muy complicado.

Primero, mientras estemos redactando nuestro artículo, debemos ingresar al editor de texto en formato HTML (Si no recuerdas como se hace, puedes seguir el enlace inferior)

      Ver también: Insertar o Modificar Código HTML  

Una vez que estemos en la vista HTML, veremos que todos los párrafos de nuestro artículo están delimitados por etiquetas <p> y </p>. Algo como:

<p> TEXTO DEL PÁRRAFO </p>

Lo único que debemos hacer para cambiar el formato es modifica la etiqueta inicial para que quede de la siguiente manera:

<p class=“nombre”> TEXTO DEL PÁRRAFO </p>

Ejemplos

Quiero que este párrafo aparezca en color azul

En consecuencia, debo ingresar al editor en vista HTML y modificar la etiqueta <p>, para que quede :

<p class="azul">Quiero que este párrafo aparezca en color azul</p>

Cuando guarde el documento, el texto en cuestión será visuallizado en azul. (Se recomienda guardar el documento mientras tenemos el editor de texto en modo HTML, de lo contrario podría perderse lo modificado)

Fácil, verdad?

Los otros estilos mencionados::

Texto en letra más grande

<p class="grande">Texto en letra más grande</p>

Este es un texto con formato resaltado

<p class="resaltado">Este es un texto con formato resaltado</p>

Y finalmente, el texto flotante a la derecha que aparece abajo del título tiene el siguiente código:

<p class="derecha">Con un poco de trabajo podemos dar un aspecto diferente (no tan plano) a nuestros artículos en Tumblr.</p>

[crearmiblog]

28.- Insertar o modificar código html en un post de Tumblr

Si tenemos la necesidad de insertar un código HTML en el post de Tumblr (por ejemplo para insertar un widget), o de modificar el código html actual (por ejemplo para cambiar el tamaño de una imagen insertada en el artículo), lo hacemos muy fácilmente cambiando el tipo de Editor de Texto que utilizamos.

Esto se hace, mientras estamos escribiendo el artículo, desde la rueda dentada que está arriba a la derecha. Allí, sólo debemos elegir el Editor de Texto de tipo HTML en lugar del editor del tipo TEXTO ENRIQUECIDO: 

Una vez realizado el cambio del editor, veremos el artículo en su formato HTML

Si queremos, por ejemplo, cambiar el tamaño de la imagen superior de este artículo, sólo deberemos entrar al editor en modo HTML y modificar los valores correspondientes tal como se indica en la siguiente imagen:

Podría ser que también quisiéramos agregar algún tipo de widget al artículo.

Si quisiéramos, por ejemplo, agregar al pie del presente artículo la misma nube de tags que vimos en el artículo precedente, sólo deberíamos cambiar previamente al editor HTML y luego pegar el código de la nube de tags en el lugar que quisiéramos. Como vemos aquí abajo, funciona perfectamente (Debemos guardar el artículo mientras estamos con el modo HTML - Puede tardar un par de segundos en cargar) 

Luego, por supuesto, no debemos olvidar volver al editor de texto en modo TEXTO ENRIQUECIDO :

.

[crearmiblog]

27.- Agregar una nube de etiquetas a nuestro Tumblr

Si deseáramos agregar la nube de etiquetas tal como la que aparece en la columna derecha de este blog, podremos hacerlo muy fácilmente por medio de la siguiente utilidad:

http://post-theory.com/pretty-cloud/maker

Para utilizarla, simplemente debemos seguir el enlace superior para ingresar a la utilidad y, una vez dentro,agregar el nombre de nuestro Tumblr en el primer campo de la columna de la izquierda para así obtener las etiquetas correspondientes a nuestro blog de Tumblr. 

Posteriormente, procederemos a hacer los ajustes que estimemos pertinentes en cuanto al diseño (ancho - en nuestro caso es 300px- colores, tipos  de fuente y más). .Cuando hagamos clic en el botón SAVE CLOUD, tendremos un código que es el que deberemos copiar y luego insertar en el HTML en nuestra columna derecha.

Para hacerlo, ya te explicamos como en un artículo anterior:

http://crearmiblog.mundohandball.com/post/100655249212/modificacion-theme-tumblr

Edita el HTML de tu Theme y utiliza el buscador integrado para encontrar alguna palabra clave en la barra lateral (ABOUT, por ejemplo), y luego pega el código obtenido previamente debajo de de su bloque (entre <div> y </div>)

[crearmiblog]

26.- SEO y Tumblr: Palabras claves en la dirección URL del artículo

Te hemos comentado algunas cosas que podíamos hacer para mejorar nuestro SEO (ayudar a que nuestros artículos aparecieran mejor en los motores de búsqueda).

Dentro de este marco, previamente hemos realizado algunas modificaciones en el Theme (plantilla de nuestro blog) para lograr que:

sólo UN título apareciera en cada articulo / portada con la etiqueta <h1> y

apareciera correctamente la descripción de cada artículo con las meta-etiquetas.

Ambas cosas permitirán a Google entender mejor el contenido de nuestros artículos e indexarlos correctamente para que aparezcan en las búsquedas.

También te hemos mostrado como enviar el mapa de nuestro sitio a Google, para lograr que esté al tanto de todos los nuevos artículos que escribimos en nuestro blog..

Ahora, es turno de hablar de las direcciones url de cada uno de nuestros artículos, algo que es fundamental para lograr un buen posicionamiento en buscadores (que nuestros artículos aparezcan en las primeras páginas de Google cada vez que un usuario hace alguna búsqueda relacionada con nuestra temática).

Para esto, debemos agregar las palabras clave de nuestro artículo en la dirección url.

¿Cuales deben ser esas palabras clave?Por ejemplo, para este artículo serán : Tumblr, SEO, direccion url, 

Para incluirlas en la dirección personalizada, simplemente hacemos click en la RUEDITA (Opciones Avanzadas) que aparece a la derecha, arriba de todo, cuando estamos redactando un artículo (foto inferior, marcado con el círculo rojo)

.Una vez allí, escribimos en el campo "url personalizada" las palabras claves que quiero aparezcan en la dirección (separadas por un guión).

Luego de escribir el artículo , lo PUBLICAMOS y listo. Ya tenemos nuestra dirección url de artículo personalizada para que aparezca mejor en los buscadores.

Como ejemplo, mira en tu navegador la dirección de este artículo que estás leyendo.

ACLARACIÓN: También es posible editar un artículo ya publicado y modificar la dirección url del artículo siguiendo estos mismos pasos

En nuestro siguiente artículo, veremos como insertar una NUBE DE ETIQUETAS en la columna derecha:

http://crearmiblog.mundohandball.com/post/156749494572/agregar-nube-etiquetas-tumblr

[crearmiblog]

25.- Tumblr y mejora SEO: Las metaetiquetas (meta-tags) y como usarlas en Tumblr

Ya te estuvimos mostrando algunas cosas que podemos hacer para mejorar el SEO (aparición de los artículos de nuestro blog en los diferentes buscadores), ya que los Themes -plantillas- de Tumblr no parecen estar preparadas para esto.

En artículos anteriores. te hemos enseñado a:

Poner una sola etiqueta <h1> por página / articulo, y

Usar el Sitemap del blog para enviarlo a Google

Quedan todavía algunas cosillas por hacer por el SEO. En este caso, hablaremos de las metaetiquetas

.

Las Meta Etiquetas o Meta Tags son etiquetas de información que se añaden en el código html de cada página de una Web, de manera que aportan información sobre el contenido para que los buscadores los muestren correctamente 

Los más importantes son la meta etiqueta DESCRIPTION,(descripción) y la meta TITLE (título). El contenido de ambas, se muestra en los resultados de las búsquedas en Google, como vemos en la siguiente imagen

Los problemas de la meta TITULO ya han sido solucionados.

Para la meta DESCRIPTION, debemos editar nuestro HTML en el Theme y, abajo del <head>,  agregar:

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

Antes de agregar este código a tu plantilla, deberás verificar que en la plantilla que estás usando no aparezca otra meteetiqueta de descripción. Estas etiquetas tienen la leyenda:

 <meta name="description"

Si hay una metaetiqueta duplicada. google puede no interpretar bien:

Solo debe haber UNA META DESCRIPTION en cada página / artículo.

Aunque no tan importante como lo anterior, también podemos agregar la meta "News_Keywords", que le indicará a Google las palabras claves del artículo:

Como vemos en el siguiente código, hay dos partes: 

La primera para la portada, donde nosotros debemos escribir las palabras claves de nuestro blog. En nuesto caso, reemplazaríamos "MIS ETIQUETAS" por palabras separadas por comas, como por ejemplo: "Tumblr, blogs, SEO"

La segunda parte del código será para todos los artículos publicados y, de manera automática, insertará como metaetiquetas a las Tags (etiquetas) que agreguemos al pie del artículo cuando lo redactemos.

 Ya hemos explicado como hacer para mostrar una cosa en la portada y otra en los artículos interiores, por lo que no volveremos a tratar el tema.

El código a agregar es el siguiente:

{block:IndexPage}<meta name="news_keywords" content="MIS ETIQUETAS" />{/block:IndexPage} {block:PermalinkPage}<meta name="news_keywords" content="{block:Posts}{block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}{/block:Posts}" />{/block:PermalinkPage

Así quedarían nuestras metaetiquetas, abajo de la etiqueta <head>.

Por supuesto, en este caso aparecen separadas pero podríamos agregarlas una inmediatamente después de la otra. No hay problemas con eso mientras las agreguemos arriba del </head>

.

¿Como verificamos que todo esté correcto?

Es muy simple: Abrimos la portada de nuestro blog y presionamos Ctrl+U.  Esto nos muestra el código fuente. Allí buscaremos las meta etiqueta DESCRIPTION y NEWS_Keywords para ver si aparecen y como se muestran. Están siempre en la parte superior de la página, entre todas las metaetiquetas, por lo que no debería haber problemas para encontrarlas. (Sino, puedo usar el buscador abriéndolo con Ctrl+F como ya sabemos)  

Una vez hecho esto, abrimos un artículo cualquiera en el blog y volvemos a repetir el Ctrl+U. Deberemos ver que son diferentes a los de la portada.!!

[crearmiblog]

24.- Tumblr y la mejora del SEO - Mapas del Sitio y envío a Google

Veremos otra forma de ayudar a mejorar el SEO del blog de Tumblr. Es decir, ayudar a que su contenido aparezca de mejor manera en los buscadores tipo Google.

Cada vez que se crea un blog en Tumblr, automáticamente se crea un Sitemap (Mapa del Sitio)

Un sitemap es un archivo XML que contiene una lista de todos los artículos publicados en esa web, junto con alguna información adicional

En el Tumblr, el sitemap se encuentra en la siguiente dirección:

http://nombredemisitio.tumblr.com/sitemap.xml

Aclaración: En algunos casos, hay que ingresar a: http://nombredemisitio.tumblr.com/sitemap1.xml

Para esta web, por ejemplo, el sitemap está en:

http://crearmiblog.mundohandball.com/sitemap1.xml

Ahora que tenemos nuestro sitemap, lo que debemos hacer es enviarlo a Google para que lo utilice para indexar nuestro sitio web.

Para ello, ingresamos a Google Webmaster Tools en la siguiente dirección URL : https://www.google.com/webmasters/tools/home?hl=es

Si no lo hemos hecho en otra ocasión, debemos registrarnos en el sitio y luego hacer click en el botón rojo que aparece arriba a la derecha con la leyenda AÑADIR UN SITIO.

Posteriormente, escribimos la dirección de nuestro sitio web y seremos informados que debemos VERIFICAR EL SITIO.

Para ello, hay varios métodos. Lo mejor en el caso del Tumblr es dar click en la pestaña METODOS ALTERNATIVOS y luego en ETIQUETA HTML.

Google nos dará un código (Metaetiqueta), que deberemos insertar en el HTML de nuestro Theme

Así, editamos el HTML de nuestra planilla (Theme) y pegamos la metaetiqueta abajo de todas las metaetiquetas (meta name= xxxxxxx) que encontremos

Luego, simplemente guardamos el HTML

Volvemos a la página de Google Wemaster Tools y hacemos click en el botón VERIFICAR que aparece abajo de todo.

Luego de unos segundos, si hicimos todo bien, nos dirá que nuestro sitio está verificado.

Damos click en CONTINUAR y luego en NO HAY SITEMAP

En la ventana que se abra, podemos pegar la dirección de nuestro sitemap (botón rojo), que para este sitio era:

 http://crearmiblog.mundohandball.com/sitemap1.xml

Primero damos click en PROBAR a ver si no hay error y si todo está bien salimos y damos click en ENVIAR

Listo!!

Google ya tiene el sitemap de nuestro blog de Tumblr, recibirá todas las actualizaciones que hagamos en el blog y podrá indexarlo de mejor manera.

AVISO: Google está tardando varios días (si no semanas) en indexar los artículos publicados en Tumblr

Por supuesto, esto fue sólo para el buscador de Google.

Deberíamos también seguir procedimientos similares para otros buscadores, pero lo cierto es que más del 90% de las búsquedas en internet se hacen usando Google. Tal vez no haya que preocuparse mucho por otros buscadores. 

Si, de todas formas deseas hacerlo, puedes seguir el siguiente enlace y utilizar procedimientos similares al indicado para enviar tu sitemap a Bing:

http://www.bing.com/toolbox/webmaster

[crearmiblog]

23.- Mejorar el SEO de nuestro blog de Tumblr - Parte 2 - Títulos Únicos (continuación)

En el artículo anterior sobre el tema SEO (#21), te mostramos como hacer para que en los artículos apareciera sólo una etiqueta <h1>

Si no lo has leído, sería bueno que hicieras una pausa, interrumpieras la lectura del presente artículo y le dieras una mirada al anterior artículo (ENLACE)

En esta segunda entrega, te mostraremos como hacer para que, también en la portada de nuestro blog, aparezca sólo un <h1>

Debemos proceder igual que en nuestro artículo anterior (#21), pero ahora actuando sobre los títulos de cada uno de los artículos. Como te hemos explicado, éstos deberán tener la etiqueta <h1> en la página donde se muestra el artículo completo, pero deberán tener la etiqueta <h2> en la portada del blog.

Así que, primero, debemos identificar la parte de nuestro código del Theme que pone los títulos. En todas las plantillas es diferente, pero hay que decir que también será distinto para cada TIPO de artículo que publiquemos (texto, citas, fotos, etc).

Está justo  abajo de <div class="post-content">

Artículos Tipo TEXTO

El código es:

{block:Text} {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} {Body} {/block:Text}

Como vemos, si dejáramos la plantilla sin modificación el título del artículos siempre será <h1>. Para cambiarlo, actuaremos de la misma manera que en el caso anterior: debemos duplicarlo y, en el primer caso del código, reemplazamos el <h1> por <h2>. La otra parte la dejamos sin cambios.

Luego, al igual que hicimos en el artículo anterior sobre SEO, debemos indicar que el primer código es válido para la portada, en tanto que el segundo lo es para los artículos interiores

El código quedará así:

{block:Text} {block:IndexPage} {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title} {/block:IndexPage} {block:PermalinkPage}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} {/block:PermalinkPage} {Body} {/block:Text}

Para explicaciones remitirse al artículo anterior (seguir el enlace indicado más arriba)

Esto tendrá efectos sólo para un artículo tipo texto, por lo que también sería buena idea realizar un trabajo similar para los artículos tipo LINK.

Sin mayores explicaciones, porque es lo mismo, así queda el código:

{block:IndexPage} {block:Link} <div class="link-wrap"><h2><a href="{URL}" {Target}>{Name}</a></h2></div> {block:Description}<div class="description">{Description}</div>{/block:Description} {/block:Link} {/block:IndexPage} {block:PermalinkPage} {block:Link} <div class="link-wrap"><h1><a href="{URL}" {Target}>{Name}</a></h1></div> {block:Description}<div class="description">{Description}</div>{/block:Description} {/block:Link} {/block:PermalinkPage}

Listo!

Nuestro blog mejorará notablemente su SEO y su aparición en los bucadores!!!

Falta, no obstante, otro importantísimo paso para el SEO: Enviar nuestro mapa del sitio a Google. Lo veremos en un artículo siguiente.