16 dic. 2013

imagen portada

Curso Blogger: aprende a utilizar las hojas de estilo

En anteriores entregas  aprendimos un poco de HTML básico que nos sirviera de base para luego comprender mejor la plantilla Blogger. Después pasamos a la acción creando nuestra primera plantilla y por último los contenedores de la cabecera, el cuerpo, una barra lateral y el pie del Blog

La idea es no copiar y pegar el código que "nos dan hecho", esta vez se trata de conseguir entender bien cómo y porqué se hace cada cosa en Blogger.

Con el mismo espíritu de dominar el código que lo conforma y la filosofía del "poco a poco", hoy vamos a aplicar estilos al cuerpo del Blog.

Muchos Bloggers desean cambiar el estilo del fondo de su Blog, su cabecera, el pie, la barra lateral... sin embargo, ante la falta de tiempo y de conocimientos suelen copiar y pegar códigos que existen por Internet para satisfacer sus necesidades. Esta vez te propongo aprender realmente cómo cambiar la presentación, los estilos y saber con exactitud porqué y dónde hay que tocar. Acompáñame con un ejemplo práctico, sencillo, explicado sin terminología técnica y con sencillez para que aprendas a dominar Blogger y en este caso, el uso de las hojas de estilo.


13 dic. 2013

imagen portada

Curso Blogger: crea tus contenedores

En la anterior entrega aprendimos a crear nuestra primera plantilla. La idea no era copiar y pegar el código que "nos dan hecho", esta vez se trataba de conseguir entender bien cómo y porqué se hace cada cosa en Blogger.

Con el mismo espíritu de dominar el código que lo conforma y la filosofía del "poco a poco", hoy continuamos con la "maquetación", el siguiente gran paso para configurar el aspecto que tendrá nuestra plantilla.





10 dic. 2013

imagen portada

Curso Blogger: Crea tu primera plantilla


Comprender el funcionamiento de la plantilla de Blogger te abre las puertas a un nuevo nivel de conocimiento en la herramienta, pasas de ser un usuario estándar a convertirte en un usuario avanzado. Es muy distinto trabajar con la plantilla de Blogger sin saber qué está sucediendo "detrás" que sabiendo qué sucede y cómo controlarlo para conseguir el efecto que te propones.

Hicimos un primer acercamiento a la estructura de una página HTML y de qué está compuesta para poder comprender con mayor facilidad ahora cómo funciona el XHTML de la plantilla de Blogger.

Vamos a dar luz a esas sombras que puedes tener de "qué es esta parte del código de la plantilla" o "para qué sirve" poco a poco, sin emplear lenguaje técnico, sólo con el ánimo de que todos lleguemos a conocer en mayor profundidad el funcionamiento de este fantástico medio de comunicación proporcionado por Google.

8 dic. 2013

imagen portada

Curso Blogger para no iniciados en informática o programación


El conocimiento de la plantilla de Blogger, abre nuevas posibilidades en el diseño y desarrollo de los Blogs. Hasta ahora es posible que hayas utilizado esta magnífica herramienta de Google a un nivel básico: crear una entrada, añadir imágenes, añadir algún "gadget"... ¿pero y cuándo deseas ir más allá y conocer cómo funciona?, ¿qué es cada etiqueta que conforma la plantilla de Blogger?, ¿cómo se construye?, ¿qué puedo llegar a hacer?.

Comienzo una serie de pequeñas guías en Diarios de la nube que te van a ayudar a comprender el código utilizado en Blogger para que seas capaz de saber "dónde estás tocando" y "cómo lo estás tocando", de manera que te sirva para subir de nivel en el conocimiento de esta herramienta y te ayude a configurarte la plantilla a tu gusto.

24 nov. 2013

imagen portada

Crea una barra de menús que quede siempre fija en la parte superior de tu Blog.

La creación de un menú fijo para la parte superior del Blog es una popción a tener en cuenta dependiendo del tipo de presentación y la plantilla que se está utilizando.

Cuando tratamos Blogs que enumeran gran cantidad de entradas y estas hacen qe haya que desplazarse verticalmente por los contenidos, el usuario puede quedar desprovisto de elementos de navegación hasta que llega a la parte inferior donde le aparece la opción "Página siguiente" o "Página anterior". En esto casos, la utilización de un menú fijo en la parte superior de la pantalla, permite al usuario no tener la sensación de "estar perdido" y disponer de opciones de menú que le permitan navegar donde desea dentro del Blog sin necesidad de llegar al final de la página.

20 nov. 2013

imagen portada

Creación y personalización de menús en Blogger paso a paso.

La creación de menús en páginas web es fundamental para la estructuración de la información a la que los usuarios pueden acceder.

En los Blogs, al igual que en cualquier publicación web, el orden y la presentación de las categorías de la información que manejamos puede ordenarse mediante un menú. La exposición de contenidos mediante un menú facilita a los usuarios el acceso a la información, consiguiendo mejorar su experiencia de uso.

8 nov. 2013

imagen portada

Personaliza tu plantilla Blogger para móviles. Claves y fundamentos necesarios para lucir tu blog en estos dispositivos.

El enorme incremento en el uso de dispositivos móviles o tabletas como medio para navegar por Internet es un factor fundamental a tener en cuenta a la hora de crear páginas web o blogs.

Si bien inicialmente ha tendido a ser un factor "olvidado" hoy día se ha tornado fundamental. El cliente, el usuario, ya no utiliza exclusivamente un ordenador de sobremesa o portátil para visualizar las páginas web en Internet, ahora tiende a querer conectarse en cualquier lugar y en cualquier momento desde dispositivos con características bien distintas: pantallas reducidas, velocidades de acceso diferentes, ergonomía distinta...

6 nov. 2013

imagen portada

Personaliza tu plantilla Blogger. Aprende las claves y pasos fundamentales a tener en cuenta para renovar la presentación de tu Blog.


La presentación de un blog está constantemente cambiando y adaptándose, es algo "vivo". El Blogger siempre está buscando mostrar sus contenidos de la mejor manera posible, exhibir sus imágenes y creaciones de una forma que resulte atrayente a sus seguidores.

Si bien "dar" con una presentación que se adapte a nuestras necesidades es una tarea de búsqueda que casi nunca concluye en un punto determinado, encontrar un entorno con el que nos sintamos cómodos es fundamental: en primer lugar para expresarnos y dar rienda suelta a nuestra creatividad, en segundo lugar como motivación para disfrutar mostrando nuestras creaciones bajo un diseño con el que nos encontremos a gusto.

5 nov. 2013

imagen portada

Tutorial para crear una campaña publicitaria con Google AdWords sin tener experiencia en informática


Si tienes un negocio, hoy día poderlo hacer viable ya no depende exclusivamente de la calidad y el esfuerzo con el que lo tratas de enriquecer, ahora es necesario contar con una publicidad que permita darlo a conocer.

Internet es sin duda una plataforma de lanzamiento excelente para cualquier aventura empresarial que se precie. Desde grandes empresas a pequeños negocios, todos se publicitan en este sistema por su enorme grado de incidencia y sus costes de inversión reducidos en comparación con otros medios.


4 nov. 2013

imagen portada

Añade tu página Web o Blog al motor de búsqueda nº1 en Rusia: Yandex

¿Por qué Yandex?: se trata del primer buscador web y principal portal más utilizado en Rusia, en una jornada laboral atrae la nada desdeñable cifra de 12.000.000 de usuarios... Claramente, si se desea tener presencia en el mercado mundial de páginas web, incrementar los clientes potenciales de un negocio en Internet o simplemente tener la posibilidad de llegar a más usuarios, Yandex es una buena opción a considerar.

Al igual que hicimos con buscadores con buscadores americanos y globalmente utilizados como Google y Bing u otros de gran incidencia en China como Baidu, hoy vamos a aprender a dar de alta nuestro sitio web o Blog en el buscador ruso número 1 en Rusia: Yandex.

3 nov. 2013

imagen portada

Añade una licencia Creative Commons para tu Blog


En un mundo donde prevalece el interés por atesorar bienes frente al interés por compartir el mayor tesoro del que disponemos: nuestro conocimiento, nace la idea de la "licencia creativa".

¿Y si hay personas que no desean ejercer todo el derecho de propiedad intelectual sobre lo que hacen para los demás?, ¿qué ocurre si quiero poner mis conocimientos "sin derechos reservados?.

La Licencia creativa, "Creative Commons", nos permite trabajar compartiendo nuestro proyecto con el mundo sin restricciones, contribuyendo a ese gran proyecto intelectual en el que todos podemos poner nuestro "granito de arena" para crecer como sociedad.

Si quieres que al crear tus contenidos no queden totalmente restringidos por la ley de propiedad intelectual, pero manteniendo tus derechos a compartir aquello que deseas informar, puedes utilizar una licencia CC. Aprende a utilizarla en tu Blog y comparte tus conocimientos sin límites.



Conceptos previos:


Algunas preguntas comunes que suele hacerse el usuario de Creative Commons con su respuesta bien documentada.

¿Qués es Creative Commons?
Se trata de una corporación sin ánimo de lucro creada pensando en aquellas personas que pudiendo ejercer todos los derechos sobre una propiedad intelectual, prefieren no ejercer todos o simplemente parte de ellos. 
¿Por qué Creative Commons?, ¿porqué no ejercer "todo el derecho" sobre la propiedad intelectual?
Se trata de una decisión personal que cada uno puede tomar. Tan respetable es una opción como la otra. 
El motivo por el que alguien quiere trabajar con "Algunos derechos reservados" o "Sin derechos reservados" en lugar de "Todos los derechos reservados" obedece al ánimo de compartir y donar aquello sobre lo que se ha trabajado para contribuir al bien común, a la sociedad.
En el caso de mi Blog, por ejemplo, quiero proporcionar a la gente aquello que conozco y puede ayudarles a progresar con total libertad de utilización, con el ánimo de contribuir a sus vidas y al progreso social conjunto.
¿Qué precio tienen las licencias?
Tal como afiman en su web: son gratuitas.
¿Puedo seguir ganando dinero con mis trabajos si uso esta licencia?
Claro, la condición de ‘uso no comercial’ sólo tiene aplicación para aquellos que usen tu trabajo, no para ti (el propietario del copyright). Si otras personas usan, comercian o copian tu trabajo, no pueden hacerlo por ‘compensación monetaria o ganancia financiera’, a menos que tengan tu permiso. 

Te animo a que si tienes más dudas, consultes las preguntas frecuentes que almacenan en su sitio web oficial en Español: Creative Commons España.

Crear una licencia Creative Commons para tu Blog, paso a paso:


1) Accede a Creative Commons España y su asistente para creación de licencia haciendo "clic" aquí:


2) De izquierda a derecha comenzando por el panel superior, fíjate en las preguntas que te hace para que puedas decidir:


  • Puedes informar si deseas que cuando alguien utilice tu obra pueda modificarla marcando la opción "Si" o "No", tal como afirman en su asistente:
"Si 
El licenciador permite la reproducción, distribución y comunicación pública de la obra así como la generación de obras derivadas.
Sí, mientras se comparta de la misma manera
El licenciante permite a otros crear y distribuir obras derivada pero solamente bajo la misma licencia o bajo una licencia compatible
No 
El licenciante permite a otros copiar, distribuir, exhibir y ejecutar públicamente solamente copias inalteradas de la obra, pero no crear o distribuir obras derivadas basadas en ella."

  •  Después puedes establecer si permites uso comercial de la obra:
"Si
El licenciador permite la reproducción, distribución y comunicación pública de la obra, incluso con fines comerciales.
No
El licenciador permite la reproducción, distribución y comunicación pública de la obra sólo para fines no comerciales."
  • Por último en el primer panel, al final, puedes establecer la jurisdicción de la licencia: si quieres que las normas anteriormente estipuladas apliquen dentro de tu país o internacionalmente.

3) Por último puedes ayudar a que se reconozca tu autoría, insertando un pequeño "widget" o añadido para tu Blog que informe del tipo de licencia Creative Commons que has generado:



  • Título de la obra: Ahora rellena el "Título de la obra" con el nombre de tu Blog.
  • Attribute work to name: Un nombre para atribuir el trabajo.
  • Attribute work to URL: Atribuye el trabajo a la dirección de tu Blog.
  • URL fuente de la obra: Introducir la dirección de tu Blog.
  • More permissions URL: Si deseas incluir algún texto más dentro de tu web donde indiques otros permisos no contemplados en la licencia CC.
  • Formato de la obra: descibre los tipos de formato con los que puedes trabajar para la licencia. Yo seleccioné "Otros / Múltiples formatos".
  • Marcaje de la licencia: HTML +RDFa permite marcado por metadatos para los motores de búsqueda. 
  • Finalmente, a la derecha verás la imagen de la licencia CC que se ha generado en HTML para que la lleves a tu Blog. Copia el código para llevarlo a Blogger.
4) Vamos a insertar en el Blog la licencia CC que hemos compuesto en los pasos aneteriores. Dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.




  •  En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar la licencia CC y selecciona el Gadget "HTML/Javascript" (yo la he colocado al final de mi página principal).



  • Añade el código fuente que recuperaste de la configuración de tu Licencia CC en el paso 3).



  • Sí queda la licencia de Diarios de la nube al final de su pié de página:

31 oct. 2013

imagen portada

Personaliza tu plantilla Blogger: añade un menú con diseño web adaptativo para tu Blog.

Menu adaptativo Blogger

Crear menús para un Blog es una tarea esencial para estructurar nuestros contenidos adecuadamente. Para hacerlo tienes ejemplos de menú sencillo de un sólo nivel o de varios niveles con subopciones que cumplen perfectamente con su función.

Podemos ahora ir un paso más allá y montar un menú para nuestro Blog desarrollado con HTML5 y CSS3, que se adapte a cualquier resolución y entorno con el que nuestros usuarios estén trabajando. Con un diseño web adaptable (responsive web design), elegante, fácil de utilizar y discretamente vistoso que permita lucir tus entradas aprovechando hasta el último milímetro del navegador donde se dibuje.

Si estás cansado de menús estáticos y quieres añadir un toque de dinamismo a la presentación de tu Blog sin apabullar al usuario, aprovechando el espacio del cual dispones para mostrar tus entradas, este menú vertical te convencerá por su facilidad de uso y funcional diseño.


30 oct. 2013

imagen portada

Aprende cómo pasar de .Blogspot a un dominio personalizado: .com, .net, .org, .es, .mx, .ar, .co, .ve...

Todo creador de Blogs en Blogger se ha planteado alguna vez qué supondría cambiar la dirección .blogspot por una dirección .com. Lo que a priori puede parecer "un simple cambio de nombre", es un salto cualitativo en la presencia de un blog en Internet.


El cambio de dominio, "pasar de .blogspot a .com" es un punto esencial en el viaje de todo Blogger, es el momento en que se afianza su "marca" y sello de identidad en Internet, no sólo ya a nivel de posicionamiento, puesto que su dirección pasa a moverse por todos los directorios de nombres del mundo, sino además como vehículo de una apuesta definitiva para ganar una verdadera presencia en Internet.


Si estás pensando en dar el salto de un dominio .blogspot a tu propio .com y te has preguntado alguna vez cómo hacerlo, qué sucede después, qué pasos hay que dar... esta guía te explicará paso a paso cómo realizar el proceso para que te sea lo más sencillo posible y puedas disfrutar de todas las ventajas de tener un dominio en propiedad.


29 oct. 2013

imagen portada

Maravillas con JQuery, una galería 3D para tu Blog


Hay efectos particularmente bellos que podemos implementar en nuestros Blogs por medio de JQuery con CSS3 y HTML5.

Su implementación aunque puede parecer compleja inicialmente, recompensa finalmente el esfuerzo con un mejor acabado visual para nuestras creaciones.


27 oct. 2013

imagen portada

Añade un componente de entradas relacionadas para tu Blog


Los componentes para mostrar entradas relacionadas potencian la utilización de un sitio web o Blog por parte de los usuarios que lo visitan.

Incrementa la cantidad de tiempo que un usuario puede estar navegando, pues cuando ha finalizado la lectura de una entrada, a la finalización se le sugieren otras que pueden resultarle interesantes. Esta mejora en la permanencia reduce los "abandonos" por parte de los usuarios. Pueden acceder a más entradas que a simple vista no puedes colocar para su lectura desde la página principal.

Al aumentar tu oferta de información por cada entrada mostrando otras que puedan atraer el interés de los usuarios, aumentas igualmente las lecturas de páginas. Un componente de este tipo es una clara mejora a incorporar en cualquier Blog que desee potenciar su uso por parte de los usuarios, aprende a colocarlo de la manera más sencilla posible.


25 oct. 2013

imagen portada

Cómo utilizar Google Drive para alojar y servir una web. Crea y sirve tus propios Gadgets desde Drive en Blogger.


La utilización de Google Drive como herramienta de almacenamiento puede ir más allá del mero objetivo de guardar archivos para pasar a convertirse en un auténtico "gestor de contenidos" que compartir.

El potencial de Drive reside en su enorme versatilidad y para aprovecharla al máximo voy a explicarte cómo puedes hospedar y servir una web completa a tus usuarios desde Drive.

23 oct. 2013

imagen portada

5 ejemplos de HTML5 y CSS3 que te van a sorprender.

El HTML5 y CSS3 son una revolución definitiva en la red tal y como la conocemos actualmente. Vengo dispuesto a enseñarte ejemplos de qué puede hacerse con estas nuevas tecnologías y lo fácil que es aprovecharlas en nuestro sitio web.

Si hay un sitio alucinante en el que ver lo útltimo aplicable en este tipo de tecnologías, ese sitio es http://tympanus.net/codrops/. Créeme que hasta que no ves un sitio así, no puedes hacerte a la idea de por dónde "van a ir los tiros" en el próximo diseño y desarrollo de páginas web.

17 oct. 2013

imagen portada

SeoQuake, un añadido útil para analizar el SEO y posicionamiento de cualquier sitio web en Internet.


En Diarios de la nube hemos realizado guías para mejorar la optimización para los motores de búsqueda (SEO) y el posicionamiento en buscadores para sitios web y Blogs. Hemos repasado herramientas para el estudio de palabras claves o el análisis detallado de nuestra página a nivel SEO para conseguir una mejor indexación por parte de los buscadores.

Esta vez voy a explicar una "sencilla"  pero extremadamente útil barra de herramientas que va a proporcionarte la información más detallada sobre ranking y posicionamiento de un sitio web que actualmente puedes obtener en el mercado: SeoQuake.

No hay nada tan fácil de usar y que proporcione al momento tanta información sobre un sitio web como esta barra de añadido para nuestros navegadores Mozilla Firefox o Google Chrome. Descubre esta herramienta y aprende algunas claves, conceptos y precauciones a tener en cuenta en su utilización.

16 oct. 2013

imagen portada

Disfruta de Pinterest con Blogger: descubre la red social, aprende a integrar todos sus botones.

Si me preguntas ¿Qué es Pinterest?, te diría que es una red muy social  y muy visual. Todo un acierto para los miles de usuarios que la utilizan día a día y para poder difundir tu Blog o página web de una manera elegante y divertida.

El concepto es muy sencillo, imagina que tuvieras un tablón de corcho y quisieras llenarlo de aquellas cosas que te gustan: recuerdos, viajes, fotos que te han llamado la atención, noticias, Blogs, películas, colecciones, cuadros, libros, lo que quieras... entonces, pones tu tablón para compartirlo con otros millones de usuarios de todo el mundo con los que intercambiar datos, opiniones, gustos, publicar en otras redes sociales, compartir, publicitar... todo de una manera absolutamente visual y "encantadora".

15 oct. 2013

imagen portada

Integra Twitter con tu Blog. Selección de componentes oficiales para aprovechar la red social con Blogger.

Muchos usuarios de Blogger utilizan las redes sociales para promocionar su Blog. Hoy día no basta con publicar contenido de calidad, ahora es necesario también saber difundirlo y conectarlo con usuarios de todo el mundo para que tenga un mínimo de repercusión.

Con a penas 140 caracteres por publicación Twitter se ha convertido en un referente de la comunicación de contenidos, una red social donde propagar una información en cuestión de segundos.

14 oct. 2013

imagen portada

La utilización del Feed en Blogger. Un archivo fundamental para comunicar tus actualizaciones. Aprende a utilizarlo y arreglarlo si tiene problemas.

Hay archivos dentro de nuestro Blog que son fundamentales para su correcto funcionamiento. El Feed o la fuente de difusión de contenidos de nuestro Blog es vital para múltiples tareas que muchas veces pasamos por alto.

Por medio del Feed, cualquier cliente (sea persona o programa) que se suscriba a su utilización, podrá recibir las actualizaciones o nuevas entradas que estamos generando en una publicación web.

13 oct. 2013

imagen portada

Slideshare, mete una presentación en tu sitio web o Blog y compártela con el mundo

Hay miles de Bloggers y creadores de contenidos web que utilizan las presentaciones como medio de difusión de contenidos multimedia. "Una imagen vale más que mil palabras" así que una presentación vale por un millón.

En Diarios de la nube ya hemos visto cómo meter una presentación en un sitio web o Blog y darle el aspecto que deseamos por medio de Google Drive y Google Docs. Ahora vamos a utilizar Slideshare por el enorme valor que tiene no sólo como lugar de almacenamiento de presentaciones de toda clase, sino como centro neurálgico en Internet de la difusión y exhibición de esta clase de contenidos.

10 oct. 2013

imagen portada

5 Aplicaciones móviles que todo Blogger debería tener.

Un Blogger es una persona que trata de "estirar" el tiempo más allá de las 24h que tiene un día para poder llegar a compaginar sus tareas cotidianas con la escritura de sus entradas. Junto al problema del tiempo, se encuentra el problema de la movilidad, lejos de ser "reducida" suele ser normalmente amplia.

Ante la falta de tiempo y la gran movilidad con las que el Blogger debe hacer frente al día a día, pocas herramientas facilitan tanto la vida como aquellas que pueden manejarse desde un Smartphone o una Tablet. Dispositivos que puedas utilizar en cualquier momento del día y en cualquier lugar.

9 oct. 2013

imagen portada

Crea formularios para tu Blog y recibe notificaciones por correo cuando tus usuarios te envíen sus datos. Aprovecha la potencia de Google Drive, Google Docs y Gmail.

La creación de formularios que podamos utilizar en nuestro Blog puede ser toda una ventaja para suplir carencias inherentes a esta clase de publicaciones web.

El formulario es simplemente un conjunto de datos de entrada, que rellena el usuario visualmente a través de componentes HTML, para ser enviados a un almacenamiento donde luego podamos explotarlos según la funcionalidad que queramos darles.


8 oct. 2013

imagen portada

Los 5 componentes que mejor conectan tu sitio web o Blog a Facebook

El uso de las redes sociales tiene un valor incalculable para la correcta promoción de un sitio web o Blog.

La página de Referencia de Facebook Developers es un auténtico arsenal de "gadgets" o "plugins" que pueden servirnos para mejorar nuestras posibilidades sociales. El problema es también saber incorporarlos sin afectar al rendimiento de nuestras páginas.


7 oct. 2013

imagen portada

La guía para el análisis de palabras clave. Mejora tu posicionamiento realizando contenido de calidad.


Las palabras clave son el conjunto de términos que un usuario utiliza para confeccionar su búsqueda en Internet por medio de un buscador. Dada su naturaleza, tanto su utilización como su estudio constituyen uno de los ejes fundamentales de actuación en la gestión de contenidos y posicionamiento de una publicación web.

Si se analizan meticulosamente pueden dotarnos de valiosa información que nos permita crear contenidos que realmente son del interés de nuestros usuarios. Su utilización suele atribuirse a la gestión de campañas de marketing para publicidad, así como para la composición de información que, siendo del interés de los usuarios, atraiga tráfico a una determinada publicación web.


6 oct. 2013

imagen portada

CSS. La guía paso a paso para la depuración, optimización e instalación en una página web o blog.

Las hojas de estilo de tu sitio web o blog son las encargadas de darle presentación a los componentes que sirven para formar tu página web.

El cuidado y optimización de las mismas suele ser pasado por alto con frecuencia, normalmente nos basta con que "funcione la presentación" pero no nos damos cuenta de los problemas que conlleva un incorrecto uso de las hojas de estilo.


3 oct. 2013

imagen portada

Nueva forma de visualización por vistas dinámicas para tu Blog. Aprende a utilizarlas sin hacer cambios en tu página principal.

La visualización de las entradas de un Blog es fundamental para que tus usuarios puedan acceder a los contenidos que lo conforman. Si la disposición y estructura del mismo no es fácil de usar o es poco intuitiva, el usuario puede no estar viendo entradas que realmente le interesen. También tenemos el problema de que en la página principal no puedes mostrar "todas" tus entradas porque saturarías la zona de visualización.

2 oct. 2013

imagen portada

Google Web Designer: Qué es, cómo funciona y un ejemplo práctico paso a paso para tu Blog o página web.

El desarrollo de páginas web con los últimos estándares de programación ha revolucionado el diseño de las páginas de Internet en los últimos años. 

Se ha roto la "barrera estática" del clásico HTML donde la página era un "escaparate plano", sin movimiento ni cambios para pasar a un diseño dinámico, sofisticado y a la vez más fácil de usar, empleando las últimas técnicas disponibles con HTML5 y CSS3.

Google ha lanzado un producto gratuito al mercado que nos va a permitir introducir el dinamismo de las animaciones 3D y su conjunción con lo último en diseño gráfico para nuestros sitios web: Google Web Designer.

¿Quieres ver cómo funciona y qué puede ofrecer?, en Diarios de la nube te he preparado una pequeña guía con un ejemplo para que veas lo sencillo que puede ser utilizarlo.

1 oct. 2013

imagen portada

Qué es Alexa, qué puede ofrecer al posicionamiento web y cómo se utiliza.

Existen en el mundo web múltiples indicadores que nos ayudan a conocer el nivel de tráfico o visitas que se realizan sobre un determinado sitio en Internet.

Si bien la mayor parte de publicaciones web disponen de sus propias estadísticas, hay otros "macro-indicadores" consensuados por el conjunto de usuarios especializados en el posicionamiento como aquellos que certifican la "capacidad de éxito" de un sitio web.

Muchos suelen acudir al ahora más "denostado" PageRank, sujeto al constate cambio en las políticas de gestión de posicionamiento que Google realiza para mejorar la calidad de su buscador. Pero sucede también que la mayor parte de profesionales del sector acuden a Alexa para obtener una pequeña muestra de la relevancia que un sitio web tiene en Internet.

Alexa es "la compañía de información web" que lleva elaborando un ranking de posicionamiento de sitios durante más de 17 años y un punto de referencia a tener en cuenta por todos los que desean tener una idea de qué posición ocupan en el mundo con su sitio web. ¿Quieres aprender cómo funciona y descubrir cómo aprovecharlo?

30 sept. 2013

imagen portada

Realiza un plan de trabajo sobre Marketing, SEO y Posicionamiento para tu sitio Web sin ser un experto en la materia.

El posicionamiento no es una tarea que pueda finalizarse en un día, es el trabajo y esfuerzo constante por ofrecer a tus usuarios lo que necesitan.

El trabajo diario en analizar nuevos contenidos, descubrir oportunidades de negocio, aplicar un toque de marketing a nuestro sitio web, hasta ahora sólo estaba al alcance de profesionales en la materia.

Si bien no es un sustitutivo, para los que no tenemos experiencia en el campo del marketing pero sí estamos interesados en el posicionamiento, gestionar un proyecto de una manera profesional está a nuestro alcance gracias a Woorank: vamos a aprender a gestionar nuestro propio proyecto web, sea un Blog, una tienda online o la página de una consultora para crear un verdadero plan de negocio, marketing y posicionamiento sin tener grandes conocimientos en ninguna de estas vitales materias capaces de llevar tu sitio web por el camino del éxito.

29 sept. 2013

imagen portada

Añade tus propios componentes visuales a tu Sitio Web o Blog sin grandes conocimientos de Programación.

Muchos usuarios sin experiencia en programación de páginas web o ni tan siquiera en informática desean añadir a sus creaciones componentes visuales que le den a sus diseños el toque personal que están buscando.

Saben lo que quieren pero no saben hacerlo o no quieren gastar dinero en solicitarle a alguien que les haga el desarrollo.



26 sept. 2013

imagen portada

5 sencillos consejos sobre SEO y posicionamiento

No me gusta darlos, sobre todo si no me lo han pedido o si puedo equivocarme. 

Estudiando y aprendiendo de los mejores es como he llegado a estas sencillas conclusiones. 

Permíteme unos sencillos y concisos consejos sobre SEO y posicionamiento. Te los transmito desde la experiencia en forma de modesta opinión:


25 sept. 2013

imagen portada

Validación de código Blogger con W3C Markup Validator Service

Ejecutar un código de calidad permite a tu sitio web disfrutar de una mayor compatibilidad con todos los navegadores y unos tiempos de ejecución más rápidos.

Hoy día los navegadores son capaces de interpretar el código fuente de una página incluso aunque esta contenga problemas de programación en su interior.

Algunos de nuestros usuarios tienden a utilizar el último navegador pero hay una "inmensa mayoría" que utiliza navegadores "antiguos"  o incluso modernos pero que no son capaces de interpretar ciertas partes del código que tiene problemas o que ha sido realizado fuera de los estándares internacionales a tal efecto.

imagen portada

W3C, web y Blogger. Adapta tus hojas de estilo a los estándares de la industria.

La necesidad de depurar el código fuente que utilizamos a menudo es necesaria. Si bien hoy día los navegadores casi en su totalidad son capaces de interpretar cualquier código por muy mal que esté organizado, bien es cierto que no sólo funciona a mayor velocidad cuando este está correctamente validado sino que fundamentalmente será más compatible para funcionar en cualquier navegador.

23 sept. 2013

imagen portada

Realiza un análisis SEO de tu sitio web: aplica las mejoras detectadas paso a paso.

Existen diversas herramientas en Internet que nos ayudan a analizar nuestros sitios web o Blogs para descubrir qué problemas pueden tener para ser correctamente añadidos a los índices de los buscadores.

El conjunto de técnicas destinadas a la optimización para motores de búsqueda de un sitio web se conoce como SEO.

Aunque el posicionamiento en los resultados de un buscador es algo que de manera "natural" realizan los motores de búsqueda, la optimización para que dicha información se recopile "mejor", correctamente estructurada y ordenada, depende de nosotros: los administradores de dichos sitios web.
El SEO no garantiza el posicionamiento, más bien lo complementa y ayuda a que éste pueda mejorar. Lo que garantiza fundamentalmente es que se están cumpliendo las "normas" necesarias para que la indexación de nuestros contenidos se realice correctamente en los buscadores.

Vamos a realizar hoy una evaluación completa y detallada del SEO aplicado a tu página web o Blog, de manera que puedas descubrir las cuestiones que requieren tu atención para mejorar tu situación en el índice del buscador y fortalecer tu posicionamiento.

22 sept. 2013

imagen portada

HTML Text Ratio, algunas claves y consejos

portada HTML Ratio
Intentamos darle la mayor calidad posible a nuestros sitios web. Les dotamos de numerosos "Gadgets" o complementos que ofrezcan al usuario una mejor experiencia visual o una mayor facilidad para manejar la información que albergamos en nuestros contenidos.

Muchas veces, como ya hemos comprobado en el artículo sobre la usabilidad o experiencia de usuario, tendemos a llenar nuestro sitio web o Blog de componentes que realmente no son necesarios.


17 sept. 2013

imagen portada

Tutorial sobre Google Pagespeed para Bloggers

Soluciona los problemas de lentitud con tu Blog, realiza cada paso de Google PageSpeed Insights para conseguir una mejora en la velocidad de tu Blog, en la experiencia de usuario y en tu posicionamiento.

La velocidad  a la que nuestro sitio web o Blog se descarga y presenta en los navegadores de nuestros usuarios es fundamental por dos motivos: mejora considerablemente la experiencia de usuario, es fundamental para el posicionamiento en el buscador de nuestros resultados.

16 sept. 2013

imagen portada

Prioriza el contenido visible en tu Blog. Mejora los tiempos de respuesta del servidor: "Prioritize visible content", "Reduce server response time"

Page Speed controla múltiples parámetros que analizan una página web  para evaluar su rendimiento y ofrecer un conjunto de sugerencias que pueden ayudar a mejorarlo. Para ello utiliza un conjunto de reglas que estamos analizando en cada entrega de esta guía de rendimiento para Bloggers.

Vamos a repasar las reglas de priorización de contenido visible ("Prioritize visible content") y de reducción del tiempo de respuesta del servidor ("Reduce server response time").


15 sept. 2013

imagen portada

Consigue una mejor velocidad de ejecución de tu Blog optimizando sus imágenes: "Optimize images".

Page Speed controla múltiples parámetros que analizan una página web  para evaluar su rendimiento y ofrecer un conjunto de sugerencias que pueden ayudar a mejorarlo. Para ello utiliza un conjunto de reglas que estamos analizando en cada entrega de esta guía de rendimiento para Bloggers.

En esta ocasión vamos a repasar la optimización total de imágenes. Algunos Blogs, dependiendo de su temática, suelen poseer gran cantidad de imágenes. Muchas de ellas no suelen estar optimizadas porque no han sido tratadas a tal efecto cuando se copiaron de Google, se añadieron desde una cámara fotográfica o se realizaron con un editor de imágenes.

12 sept. 2013

imagen portada

Minimiza los CSS, Javascript y el HTML de tu Blog: "Minify CSS", "Minify HTML" y "Minify Javascript".

Page Speed controla múltiples parámetros que analizan una página web  para evaluar su rendimiento y ofrecer un conjunto de sugerencias que pueden ayudar a mejorarlo. Para ello utiliza un conjunto de reglas que estamos analizando en cada entrega de esta guía de rendimiento para Bloggers.

En esta ocasión vamos a repasar las tres reglas de "minimización" de recursos: CSS, HTML y Javascript. Conseguiremos una interesante mejora del rendimiento al disminuir el tamaño de los recursos utilizados en la página.

11 sept. 2013

imagen portada

Activar la compresión de contenidos, entender cómo gestionar la caché con Blogger: "Enable compression" y "Leverage browser caching"

Page Speed controla múltiples parámetros que analizan una página web  para evaluar su rendimiento y ofrecer un conjunto de sugerencias que pueden ayudar a mejorarlo. Para ello utiliza un conjunto de reglas que estamos analizando en cada entrega de esta guía de rendimiento para Bloggers.

En esta ocasión vamos a repasar dos nuevas reglas de Page Speed: "Enable compression" para activar la compresión a nivel de servidor web y "Leverage browser cahcing" para gestionar el uso de la memoria caché para acelerar la presentación de componentes de nuestra página.

10 sept. 2013

imagen portada

Mejora el rendimiento de tu Blog optimizando los CSS y JavaScript: "Remove render-blocking JavaScript and CSS in above-the-fold content"

Posiblemente la regla que más impacto negativo ha tenido en los resultados de Page Speed en la gran mayoría de Blogs de Blogger ha sido la que vamos a tratar y resolver en esta guía: los problemas de generación con bloqueos de Javascript y CSS.

Fundamentalmente y siguiendo la máxima de minimizar la cantidad de accesos que se realicen al servidor que puedan penalizar el tiempo de ejecución en el cliente, Google centrándose exclusivamente en el rendimiento puro y duro, ha introducido una nueva regla en Page Speed que verifica si por un lado estamos accediendo a archivos externos al servidor donde se encuentra nuestro blog.

 

© 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.