iDESWEB

Introducción al desarrollo web, primer curso MOOC sobre desarrollo web en español

iDESWEB - Introducción al desarrollo web, primer curso MOOC sobre desarrollo web en español

Google+: inserción de una publicación

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a explicar cómo puedes insertar una publicación de Google+ en una página web.

Las publicaciones insertadas ofrecen varias ventajas:

La publicación se actualiza si el autor de la misma la edita en cualquier momento.
También se puede realizar +1 sobre la publicación.
Y se puede comentar o [PULSAR] seguir al autor, todo ello sin abandonar la página en la que está insertada la publicación.

Muy importante, lo que te voy a mostrar a continuación sólo funciona si la página está publicada en Internet o en un servidor web propio. Con una página local no funciona.

Insertar una publicación de Google+ es muy sencillo. Podemos insertar cualquier publicación que encontremos, pero en mi caso voy a publicar algunas de mis publicaciones de mi perfil.

En primer lugar estoy ya dentro de mi cuenta, aunque en realidad no es necesario. Busco una publicación, por ejemplo esta, “Cómo comprar un dominio de Internet”, y en esta flecha que encontramos en la esquina superior derecha accedo a este menú contextual. Dentro de este menú voy a elegir la opción “Insertar publicación”.

Esta opción me facilita un fragmento de código que debo de copiar y pegar en la página web. Lo copio y me lo llevo a una página web de ejemplo, una página web sencilla que tengo ya preparada.

Al pegar el código encontramos que hay dos partes. En la primera parte se nos indica que tenemos que colocar esta etiqueta, la debemos de colocar en el head o justo antes de la etiqueta body de cierre.

En realidad funcionaría si lo dejo en este sitio, pero voy a seguir las instrucciones que se me facilitan y lo voy a pegar en el head. Y la segunda parte es la publicación en sí, el widget como lo llama aquí este comentario y lo voy a dejar en el cuerpo, en el body.

Si yo intento ejecutar esta página web en local, se intenta cargar algo pero no se muestra nada. Como te he explicado antes, la página no se puede ejecutar, no se puede probar con el protocolo file, en local no funciona. La debemos ejecutar a través de Internet o a través de un servidor web propio.

En mi caso, he instalado un servidor web propio y si ejecuto la página, efectivamente me aparece la publicación, la misma publicación que aparece en mi perfil de Google+. Y esta publicación funciona, puedo acceder al perfil del autor, del usuario, puedo seguir al usuario, o incluso en este caso como es una publicación de tipo vídeo puedo ejecutar y poner en marcha el vídeo que funciona sin problemas.

Como ves, es muy sencillo, simplemente localizamos una publicación de Google+ que queremos insertar, pulsamos sobre esta flecha de la esquina superior derecha, buscamos “Insertar publicación” y copiamos el código que se nos proporciona a nuestra página web.

Sencillo, ¿verdad?

Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

Google+: inserción de una insignia

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a explicar cómo puedes insertar una insignia de Google+ en una página web.
Esto te ofrece varias ventajas:

Te permite enlazar tu perfil de Google+ desde una página web cualquiera.
Te puede ayudar a obtener más recomendaciones, que influyen en los resultados de búsqueda de Google.
Y por supuesto, también te puede ayudar a lograr más seguidores y obtener más visitas en tu sitio web y en tu perfil.

Muy importante, lo que te voy a mostrar a continuación sólo funciona si la página está publicada en Internet o en un servidor web propio. Con una página local no funciona.

Para insertar la insigna vamos a utilizar este asistente que ofrece la plataforma Google+.

Este asistente es muy sencillo de utilizar.

En primer lugar debemos estar dentro de nuestra cuenta de Google+, ya que el código que se va a generar identifica nuestro perfil, nuestra cuenta. Si no es así, el primer paso es acceder a nuestra cuenta de Google+.

Tenemos aquí varias opciones para configurar cómo se va a mostrar nuestra insignia.

Tenemos también unas opciones avanzadas que te dejo a ti que explores.

En primer lugar podemos elegir cómo queremos que se muestre la insignia, con este formato, la insignia completa o simplemente como un icono. Según la opción que elijamos el código que se genera cambiará. Voy a dejarlo en insignia.

A continuación tenemos dos formatos de diseño. El formato retrato, que es este formato en forma de cuadrado o el formato paisaje que es apaisado.

Podemos también modificar el ancho de nuestra insignia, la podemos tener más pequeña o la podemos tener más grande. Voy a dejarlo otra vez en 300.

Luego podemos elegir el tema, claro u oscuro, el que más se adecúe al diseño de nuestra página web. Y luego tenemos dos opciones más de foto de portada y de eslogan por si queremos incluir más información en nuestra insignia.

Estos dos tipos de insignia, insignia e icono, se explican en la propia página web. En la parte inferior, si hacemos un scroll, veremos las dos posibilidades, como insignia o como icono, tanto para un perfil como para una página web y con los distintos tamaños con los que podemos jugar.

Bien, una vez que hayamos configurado nuestra insignia simplemente tenemos que copiar este código que se nos proporciona. Tenemos que copiar todo el código, debemos de asegurarnos de que esté seleccionado todo el código. Lo copiamos y me lo voy a llevar a una página web de ejemplo que tengo ya preparada.

Es una página web sencilla y aquí voy a copiar el código que se me ha proporcionado.

El código se compone de dos partes.

Esta primera parte se nos indica que “Inserta esta etiqueta en la sección “head” o justo antes de la etiqueta “body” de cierre”. En realidad, la podría dejar aquí y ya funcionaría, pero voy a seguir las instrucciones y la voy a insertar en la sección head.

Y la otra parte simplemente se deja donde queremos que aparezca la insignia. Pues por ejemplo la dejo aquí en este punto del cuerpo de la página.

Si yo intento ejecutar la página web en local, se intenta cargar algo pero no aparece nada. Como te he explicado antes, la página se debe servir mediante http, a través de Internet o a través de un servidor web local. En este caso yo he instalado un servidor web local en mi ordenador y al ejecutar la página aparece la insignia que me permite enlazar con mi perfil de Google+.

Recuerda, en local no la puedes ejecutar, no aparecerá nada.

En el siguiente vídeo te voy a explicar cómo cualquier publicación que tengamos en Google+ la podemos insertar en una página web.

Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

Introducción al posicionamiento (SEO): técnicas básicas (2)

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Olga Carreras, consultora en experiencia de usuario y autora del blog Usable y accesible.

En el primer vídeo os expliqué los conceptos básicos del posicionamiento orgánico en buscadores, los objetivos de las técnicas SEO y por qué son importantes para vuestros desarrollos web.

En el segundo vídeo repasamos 4 técnicas on page básicas para facilitar el rastreo e indexación de tu contenido y mejorar su posicionamiento orgánico en los buscadores.

Vimos cómo crear títulos de página únicos y precisos.
Cómo utilizar correctamente el meta “description”.
Cómo mejorar las URLs del sitio.
Y cómo facilitar la navegación por el mismo.

En este vídeo vamos a repasar 4 técnicas on page más y para ello seguiremos la Guía de Google sobre optimización para motores de búsqueda. Todos los buscadores, en el fondo, funcionan de forma similar, así que estas técnicas te servirán también para mejor el posicionamiento orgánico de tus página en todos ellos.

Una de las técnicas para mejorar el posicionamiento, y quizás una de las más importantes, es ofrecer contenidos y servicios de calidad, porque crear contenido interesante y útil será probablemente el factor que más influya de los que estamos tratando.

El buen contenido es compartido fácilmente por los usuarios, atrae nuevas visitas, fideliza a los usuarios y ayuda a crear una buena reputación online. Diferénciate por tanto ofreciendo contenido único y exclusivo, servicios novedosos y útiles que otros sitios no ofrezcan.

Seis recomendaciones en relación con tus contenidos son:

En primer lugar escribe textos bien redactados, fáciles de leer y de entender.

Divide tu contenido en fragmentos lógicos, organizados en párrafos no muy extensos y precedidos de encabezados.

Evita el contenido duplicado.

Piensa las palabras que los diferentes usuarios del sitio utilizarían en la búsqueda para encontrar tu contenido y úsalas en él. Recuerda lo que comentamos en el primer vídeo sobre conceptos básicos de SEO, las “keywords”, las palabras claves por las que quieres posicionarte, no es algo que debas pensar ahora, cuando redactas tus contenidos, es algo que debes haberte planteado desde el inicio del proyecto.

Google Adwords tiene una herramienta que puede serte de gran utilidad, pues te ayuda a descubrir variaciones de palabras clave y el volumen aproximado de búsquedas para cada una ellas. Por su parte, Google Trends permite ver tendencias de búsqueda y realizar comparaciones por ubicaciones e intervalos de tiempo

No uses texto en formato imagen cuando quieras que ese texto forme parte del contenido.

Y por último, ten siempre presente que creas contenido principalmente para las personas, no para los motores de búsqueda. No escondas texto, ni insertes gran cantidad de palabras clave sin sentido o molestas para los usuarios.

Otra técnica importante es escribir textos de enlace de mejor calidad.

El texto del enlace da información a los usuarios y a los buscadores sobre la página con la que enlaza. Los textos de enlace de calidad facilitan a los usuarios moverse por tu sitio y a los buscadores entender sobre qué tratan las páginas a las que estás enlazando.

Los textos de enlace deben ser concisos, descriptivos y darles formato de enlace, subrayándolos, para que sean más fáciles de distinguir.

No recargues excesivamente los textos de enlace con palabras clave, no pienses solo en los buscadores, piensa sobre todo en tus usuarios.

La siguiente técnica es optimizar el uso de imágenes.

Las imágenes siempre deben incluir el atributo “alt”. Este atributo permite especificar un texto que proporcione la misma información o funcionalidad que pretende transmitir la imagen, salvo que sea una imagen decorativa, en cuyo caso lo dejaríamos vacío.

El texto incluido en el atributo “alt” será el texto que se verá si la imagen no se carga o el texto que se le leerá a los usuarios que usen un lector de pantalla.

Si usas una descripción de imagen adecuada y además usas un nombre de archivo descriptivo facilitarás que los buscadores entiendan e indexen correctamente tus imágenes, por ejemplo para la búsqueda de imágenes de Google.

La última técnica que vamos a tratar en este vídeo es la correcta utilización de las etiquetas de encabezado

Los encabezados se incluyen con las etiquetas h que tienen seis tamaños, <h1>, el más importante hasta el <h6>, el menos importante. Los diferentes tamaños de encabezado se utilizan para crear una estructura jerárquica del contenido, lo cual facilita a los usuarios la comprensión y la lectura del contenido, y a los motores de búsqueda la interpretación e indexación de la página.

Cinco buenas prácticas que debes seguir al crear tus encabezados son:

Usa una jerarquía lógica, sin saltarte niveles.
Úsalos para presentar la jerarquía de la página, no para dar formato al texto o conseguir un efecto visual, como un texto más grande o en negrita, para ello puedes usar un estilo definido en la CSS o etiquetas específicas como “strong”.
No simules un encabezado mediante estilos, por ejemplo no utilices una párrafo con tamaño de texto grande para simular un encabezado <h1>.
Los textos de tus encabezados deben ser descriptivos, claros e identificar el contenido que encabezan, pero breves y concisos.
Y por último, las palabras que incluyen los encabezados tendrán para el buscador mayor valor que las presentes en otras partes menos relevantes de la página, pero no los sobrecargues de palabras clave innecesarias.

En la guía de Google sobre optimización para los motores de búsqueda, que hemos ido siguiendo, encontraréis más técnicas relativas a la indexación de las páginas, como el uso del archivo robots.txt o el uso del atributo rel=”nofollow”;

En la guía se trata también la gran importancia que tiene que tus páginas se carguen rápidamente; u ofrece recomendaciones específicas para la optimización móvil, o para la promoción efectiva de contenidos para conseguir enlaces entrantes relevantes y de calidad.

Si queréis profundizar más en el tema os recomiendo el libro “Técnicas avanzadas de posicionamiento en buscadores”.

Y también os recomiendo mi capítulo “Accesibilidad y SEO”, incluido en el libro “Pionero y Hacedores de Diseño de Interacción”, disponible gratuitamente, donde os explico cómo estas técnicas no solo ayudarán a mejorar el posicionamiento de vuestras páginas sino también a mejorar su accesibilidad.

Ya para terminar, estas son las direcciones de mi blog, de mi web y de mi cuenta de Twitter. En ellas puedes encontrar información sobre mí y sobre mi trabajo, así como artículos relacionados.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

Introducción al posicionamiento (SEO): técnicas básicas (1)

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Olga Carreras, consultora en experiencia de usuario y autora del blog Usable y accesible.

En el vídeo anterior os expliqué los conceptos básicos del posicionamiento orgánico en buscadores, los objetivos de las técnicas SEO y por qué son importantes para vuestros desarrollos web.

En este vídeo vamos a repasar 4 técnicas básicas para facilitar el rastreo e indexación de tu contenido y mejorar su posicionamiento orgánico en los buscadores.

Para ello seguiremos la “Guía de Google sobre optimización para motores de búsqueda”. Todos los buscadores, en el fondo, funcionan de forma similar, así que estas técnicas te servirán también para mejor el posicionamiento orgánico de tus páginas en todos ellos.

Las técnicas que vamos a repasar son las que se denominan on page, es decir, aquellas que puedes aplicar en tus páginas; frente a las técnicas off page, que se centran en conseguir el mayor número de enlaces de calidad que apunten a nuestro sitio.

La primera técnica que vamos a tratar es crear títulos de página únicos y precisos.

Para ello usaremos la etiqueta “title”, que se incluye dentro del HEAD de la página.

Si tu página se muestra en la página de resultados, el contenido de la etiqueta “title” es, por lo general, lo que aparece en la primera línea del resultado.

Las palabras de la consulta que el usuario realizó estarán en negrita. En este caso se buscó “glosario accesibilidad”.

El título debe ser efectivo para las personas, pues será un elemento decisivo para que los usuarios decidan si la página es de su interés.

Pero también efectivo para los buscadores, pues les informa sobre qué trata la página y es un factor muy relevante para su posicionamiento.

Ten en cuenta que las palabras que incluye el título tendrán para el buscador mayor valor que las presentes en otras partes menos relevantes de la página.

Tres buenas prácticas en relación con el “title” de tus páginas son:

Tener un título único para cada página del sitio.

Debe ser conciso y no demasiado largo, de lo contrario, como se observa en el ejemplo en pantalla, solo se mostrará el comienzo del mismo. Se recomienda que no tenga mas de 70 caracteres.

Y en tercer lugar debe describir con precisión el contenido de la página. Usa las palabras clave más relevantes para ella pero sin rellenar con palabras clave innecesarias.

Si sigues estas buenas prácticas será menos probable que a Google no le guste tu etiqueta “title” y decida reescribirla por ti, como se ve en este ejemplo.

La segunda técnica recomendada para mejorar el posicionamiento de vuestras páginas es utilizar la metaetiqueta “description”.

Se incluye dentro del HEAD de la página y proporciona a los motores de búsqueda un resumen de la página.

Google puede utilizar este resumen para mostrarlo en el fragmento de texto (llamado snippet) que describe cada resultado de la búsqueda.

Si está bien redactado aumentan las probabilidades de captar la atención del usuario y de que seleccione nuestra página.

Aunque, otras veces, Google no muestra el contenido del meta “description”, como se ve en este ejemplo, sino que utiliza una parte relevante del texto de la página que concuerda con la consulta del usuario.

Tres buenas prácticas a la hora de redactar el meta “description” de tus páginas son:

En primer lugar utiliza una descripción única para cada página.

En segundo lugar cuida su extensión. El servicio de Herramientas de Google para Webmasters te indicará si tus descripciones son demasiado largas o demasiado cortas, o si están duplicadas en diferentes páginas. Lo habitual, en el caso de la descripción, es recomendar que no se sobrepasen los 150-160 caracteres.

Las Herramientas para webmasters de Google es una de las herramientas básicas que debes consultar, pues te ofrece mucha información útil, no solo sobre posibles errores en tus títulos o descripciones, sino también información sobre problemas de rastreo o indexación; sobre microformatos; sobre los enlaces entrantes, las palabras clave o las consultas de búsquedas, con volumen de impresiones y clics.

En tercer lugar, la última recomendación para las descripciones de tus páginas es que escribas una descripción de calidad que informe y a la vez cree interés, evitando las descripciones que solo contienen palabras clave

La tercera técnica que vamos a tratar es mejorar la estructura de la URLs

La URL de la página es uno de los elementos de un resultado de búsqueda.

Si la URL contiene palabras claves relevantes es más fácil de comprender, rastrear, enlazar y recordar.
Además proporciona a los usuarios, y a los motores de búsqueda, información adicional sobre la página, más allá de la que daría un ID de sesión o un nombre de parámetro.

Tres buenas prácticas para mejorar tus URLs son:
En primer lugar usa URLs con palabras relevantes para el contenido y la estructura del sitio. Evita URLs largas o con excesivas palabras clave. Evita URLs con parámetros innecesarios. Y evita URLs demasiado genéricas.

En segundo lugar utiliza una estructura de directorios simple que organice el contenido y facilite a los usuarios que visitan tu sitio saber dónde están dentro de éste. Trata de usar la estructura de directorios para indicar el tipo de contenido que se encuentra en esa URL.

Y en tercer lugar, evita que a una misma página se pueda acceder desde URLs diferentes. En caso contrario crea redirecciones 301 o usa direcciones URL canónicas, puedes consultar cómo hacerlo correctamente en el centro de ayuda de las Herramientas para webmaster de Google.

También es muy recomendable que tus página sean “responsive design”, es decir, que tus páginas se adapten a los diferentes dispositivos pero con un código y una URL única.

La cuarta técnica que vamos a tratar es facilitar la navegación en tu sitio, para que los usuarios encuentren rápidamente lo que buscan y para que los motores de búsqueda puedan rastrear eficazmente el sitio. Repasemos seis buenas prácticas para conseguirlo:

La primera es crear una jerarquía que permita llegar de forma fluida del contenido más general al más específico, evitando, como en el ejemplo, que sean necesarios muchos clics para llegar al último contenido

En segundo lugar usa migas de pan y que estas sean clicables y consistentes a lo largo de todo el sitio.

En tercer lugar incluye un mapa del sitio bien estructurado y en el cual cada elemento sea un enlace.

Incluye también un archivo sitemap XML para asegurar que los motores de búsqueda indexan todas tus páginas.
Puedes aprender cómo hacerlo en el centro de Ayuda de las Herramientas para webmasters de Google.

En quinto lugar, usa enlaces de texto para la navegación, así serán más fáciles de comprender y rastrear por los robots de los buscadores y mejorarás la accesibilidad de tu sitio.

Y por último crea una página de error 404 útil, coherente con el diseño del sitio y que no sea indexada por los buscadores (mediante el meta noindex o mediante el archivo robot.txt, puedes consultar la guía de Google que estamos siguiendo para ampliar información sobre este tema).

Ahora te invito a que veas la segunda parte de este vídeo, en el cual repasaremos otras 4 técnicas importantes para facilitar el rastreo e indexación de tu contenido y mejorar su posicionamiento orgánico en los buscadores.

Ya para terminar, estas son las direcciones de mi blog, de mi web y de mi cuenta de Twitter. En ellas puedes encontrar información sobre mí y sobre mi trabajo, así como artículos relacionados.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es

Muchas gracias por tu atención.

Introducción al posicionamiento (SEO): conceptos básicos

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Olga Carreras, consultora en experiencia de usuario y autora del blog “Usable y accesible”. En este vídeo os voy a explicar qué es SEO y por qué es importante para vuestros desarrollos web.

Realicemos una búsqueda en Google, vamos a buscar por ejemplo “hoteles”.

La página de resultados que muestra un buscador tras realizar una búsqueda se denomina SERP. En una SERP podemos distinguir dos tipos de resultados.

Los resultados naturales u orgánicos, en la parte central de la página, que son los que están basados en el algoritmo que aplica el buscador, de manera objetiva, para determinar que resultados son más relevantes para esa búsqueda concreta, por tanto no puede comprarse aparecer o no en los resultados orgánicos, o aparecer en una u otra posición.

El segundo tipo de resultados son los resultados patrocinados, anuncios publicitarios de pago, comprados mediante Google Adwords, situados encima y a la derecha de los resultados orgánicos.

SEO, “Optimización para Motores de Búsqueda” o más común en español “Posicionamiento en buscadores” o “Posicionamiento orgánico”, es el conjunto de técnicas para mejorar la visibilidad de un sitio web en los resultados de búsqueda orgánicos de los diferentes buscadores.

El objetivo principal es aparecer en las primeras posiciones para determinados términos de búsqueda o palabras clave.

Por el contrario, la disciplina que se encarga de la contratación, gestión y análisis de los enlaces patrocinados en los buscadores se denomina SEM o “Marketing en Buscadores”.

A menudo hablamos de posicionamiento en buscadores como sinónimo de posicionamiento en Google, puesto que es el buscador más usado en el mundo.

En España es el buscador que utiliza más del 90% de los usuarios, pero no hay que olvidar que este porcentaje de uso es diferente según el país, por ejemplo vemos que es menor en Estados Unidos y que hay países, como por ejemplo China, en los cuales Google no es el buscador más usado.

¿Por qué es importante aparecer en las primeras posiciones de los resultados orgánicos del buscador?

Porque mejorar el posicionamiento orgánico de una página web, para una búsqueda determinada, aumenta las probabilidades de que esa página sea visitada por el usuario que está realizado esa búsqueda concreta, es decir, hay más probabilidades de que haga clic en nuestro resultado. Esto supone más visitas al sitio web, que podría traducirse por ejemplo en más ventas si hablamos de un ecommerce o de más alumnos inscritos si hablamos de una universidad.

Numerosos estudios de eye-tracking han demostrado que la mirada del usuario se concentra en los tres primeros resultados orgánicos de la SERP, un área denominada “triángulo dorado”. Y a medida que nos alejamos de estos primeros puestos el porcentaje de clics, como vemos, cae drásticamente.

El porcentaje de clics cae más aun cuando nos alejamos de la primera página de resultados.

En términos generales, porque como se observa en la gráfica, el primer resultado de la segunda página genera más visitas que el último resultado de la primera página. Es decir, aparecer en la posición 11 es mejor que aparecer en la posición 10.

También hay estudios sobre cómo influye cada uno de los elementos de un resultado de búsqueda en la decisión de discriminarlos y seleccionar uno u otro resultado.

En los resultados orgánicos, los usuarios se fijan casi la mitad del tiempo (el 44% del tiempo) en el snippet, que es la descripción de la página o fragmento de texto con la información más cercana a las palabras de la consulta.

Seguido del título, con un 39% del tiempo y por último se fijan en la URL, con un 17% del tiempo.

Aunque los porcentajes varían en función del tipo de búsqueda, como se puede consultar en el estudio que se cita en pantalla.

Pero ¿cómo funciona Google? ¿En qué se basa para determinar la relevancia de nuestra web respecto a la búsqueda que se ha realizado?

El robot de búsqueda de Google (Googlebot) rastrea contenido en Internet de forma continua y automática para el índice de Google, siguiendo los enlaces de las páginas e indexando de esta manera miles de millones de páginas que se almacenan en miles de máquinas. Es en este índice donde realmente realizamos nuestras búsquedas. Cuando se realiza una búsqueda en Google, no se busca en la Web, sino en el índice que Google hace de toda la Web, o al menos de la parte a la que puede acceder.

El algoritmo que aplica Google para determinar la relevancia de nuestra página para unos términos de búsqueda concretos, y en base al cual posicionar nuestra página en los resultados de búsqueda, es modificado con frecuencia y son más de 200 factores los que se tienen en cuenta.

El algoritmo de Google no se conoce con exactitud, pero sí muchos factores que influyen, como por ejemplo: el número, autoridad o temática de las páginas que enlazan con la nuestra, la velocidad de carga del sitio o que otorga prioridad a las páginas con contenido propio, actualizado y de interés para los visitantes.

Puedes consultar una recopilación de factores hecha en base a cientos de fuentes en la infografía que se cita en pantalla.

Las técnicas SEO para mejorar el posicionamiento de las páginas se centran por tanto en dos objetivos básicos.

Primero facilitar el rastreo y la indexación de las páginas de nuestro sitio por parte de los robots de los buscadores, y que esta se realice por determinadas palabras clave.

Y la segunda conseguir que Google considere nuestra página relevante para determinadas búsquedas.

Por tanto, una de las primeras cosas que debes plantearte desde el inicio es por qué palabras claves quieres posicionar tus páginas.

Google también puede penalizar un sitio web si considera que está empleando técnicas poco lícitas para mejorar su posicionamiento, lo que se denomina “black hat SEO” por contraposición a las buenas prácticas “white hat SEO”.

La mejor manera de mejorar el posicionamiento orgánico de nuestras páginas, que estas no sean penalizadas y que las variaciones en el algoritmo de Google no nos afecten, es seguir una serie de buenas prácticas.

Vamos a tratar estas buenas prácticas para mejorar el posicionamiento orgánico de vuestras páginas en la segunda parte de este vídeo que os invito a ver a continuación.

Ya para terminar, estas son las direcciones de mi blog, de mi web y de mi cuenta de Twitter. En ellas puedes encontrar información sobre mí y sobre mi trabajo, así como artículos relacionados.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es

Muchas gracias por tu atención.

Google Maps: inserción de un mapa personalizado

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a explicar cómo puedes insertar un mapa personalizado de Google Maps en una página web.

En el vídeo anterior “Google Maps: inserción de un mapa”, te expliqué cómo insertar un mapa sencillo en una página web.

En este vídeo te voy a explicar cómo insertar un mapa personalizado, es decir, un mapa en el que se muestra información de nuestro interés.

Se puede mostrar texto, imágenes, vídeos.

Muy importante, lo que te voy a mostrar a continuación puede ser que sólo funcione si la página está publicada en Internet o en un servidor web propio. Con una página local puede ser que no funcione correctamente.

El acceso a la herramienta de creación de mapas personalizados lo podemos hacer de diferentes formas. Por ejemplo, [PULSAR] podemos acceder a través de esta URL.

O también podemos, en Google Maps, pulsar en el cuadro de búsqueda y se desplegará la opción de “Mis mapas”.

Vamos a crear un mapa personalizado.

En Google Maps, para que aparezca la opción de “Mis mapas” tengo que estar dentro de mi cuenta de usuario de Google, ya que mis mapas se asocian, se almacenan en mi cuenta. Si no estoy dentro de mi cuenta pues no aparecerá la opción.

Una vez que esté ya registrado, puedo acceder a “Mis mapas” y puedo crear un mapa nuevo.

Se abre una nueva pestaña en la que se mostrará un mapa de Google Maps pero con una serie de opciones para personalizar el mapa.

En primer lugar puedo cambiarle el nombre al mapa y ponerle por ejemplo “Mapa de prueba para iDESWEB”. Le puedo poner una descripción si quiero.

A continuación puedo empezar a dibujar el mapa, por ejemplo, me voy a situar sobre la Universidad de Alicante y voy a buscar el edificio en el que se encuentra mi despacho y voy a situar un marcador, las chinchetas que aparecen sobre los mapas en Google Maps. Por ejemplo, la voy a situar aquí y le puedo poner un nombre, “Mi despacho”, le puedo poner también una descripción y lo guardo.

Ya tengo un marcador en mi mapa personalizado, que aquí puedo editar sus características. Puedo cambiar el color, por ejemplo, o puedo cambiar el icono y podría buscar un icono más apropiado. Por ejemplo, podría poner un ordenador.

A continuación voy a buscar otro elemento. Por ejemplo aquí este comedor, este restaurante y le voy a poner otro marcador. Y voy a editar otra vez el icono y como es un restaurante le voy a poner este icono. Y ya lo tenemos ahí. Y ahora por ejemplo voy a buscar otro restaurante en la Universidad de Alicante, este bar, y le voy a colocar otro icono más. Y le vuelvo a cambiar el icono.

Y ya tenemos aquí un mapa personalizado en el que se muestran tres marcadores que yo he definido.

Podemos dibujar más cosas, por ejemplo podemos dibujar líneas. Voy a añadir una línea que es la ruta desde mi despacho hasta el restaurante. Este es el camino que suelo realizar para ir a comerme un bocadillo. “Camino al restaurante”. Guardo.

Otra vez aquí si quiero puedo editar algunas propiedades, por ejemplo el ancho. Y puedo cambiar pues también el color. Y voy a dibujar otra línea más, ya la última, al otro restaurante.

Pulso aquí, añadir línea. Y este es el camino que me conduce. Y a este también le voy a cambiar el ancho y le voy a poner otro color.

Muy bien, ya tenemos nuestro mapa. Y ahora yo lo quiero publicar en una página web. Para ello en primer lugar tengo que compartirlo. Le doy a esta opción de aquí, compartir. Con esto puedo indicar si quiero que el mapa sea privado, solamente compartirlo con una serie de usuarios que yo introduzco. O puedo cambiarlo y que el mapa sea público en la Web, de forma que cualquier persona pueda acceder. Lo cambio a “Público en la Web” y ahora ya a este mapa puede acceder cualquier persona.

¿Cómo lo comparto? ¿Cómo obtengo el código necesario para insertarlo en mi página web?

Necesito un fragmento de código HTML para insertarlo en mi página web. Esto me lo proporciona el propio Google Maps. Vengo a esta opción de aquí, tengo una serie de opciones, un menú. Y le doy a “Insertar en mi sitio”. Pulso y se me proporciona un fragmento de código HTML que debo de pegar en mi página web. Lo copio y ahora me voy a una página de ejemplo que tengo realizada y lo pego. Evidentemente no tengo que cambiar nada de este código HTML. Bueno, podría cambiar aquí la anchura y la altura para que el mapa fuera más o menos grande.

Lo guardo, lo ejecuto. Y, se está cargando, mi mapa, que ya puedo pues utilizar. Y aquí aparecen las descripciones que yo he etiquetado en mi mapa. Y lo puedo usar como cualquier otro mapa de Google Maps.

Interesante, ¿verdad?

Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

Google Maps: inserción de un mapa

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a explicar cómo puedes insertar un mapa de Google Maps en una página web.

Muy importante, lo que te voy a mostrar a continuación puede ser que sólo funcione si la página está publicada en Internet o en un servidor web propio. Con una página local puede ser que no funcione correctamente.

Insertar un mapa de Google Maps en una página web es muy sencillo.

En primer lugar, nos vamos a Google Maps y centramos el mapa en la parte que queremos insertar, la parte que queremos que aparezca en nuestra página web. Por ejemplo, estoy centrando el mapa en la Universidad de Alicante, esto es lo que yo quiero que aparezca en mi página web.

A continuación, me vengo aquí al engranaje mecánico, pulso y me aparece un menú contextual. En este menú selecciono la opción “Compartir e insertar mapa”.

Tengo dos opciones para compartir el mapa. Puedo simplemente compartir un enlace al mapa o la opción de insertar mapa que es la que yo voy a elegir.

Puedo configurar el tamaño del mapa. Puedo tener un mapa pequeño, mediano, grande o incluso podría personalizar el tamaño del mapa. Voy a dejarlo como grande y aquí se me proporciona el código HTML que debo de copiar a mi página web. Lo debo de copiar todo.

Lo copio y me voy a una página web sencilla, una página web de ejemplo que he hecho para insertar el mapa.

Esta URL que aparece aquí lleva las coordenadas del mapa que yo quiero insertar. Lo guardo y lo ejecuto en un navegador. Y ya se carga el mapa centrado sobre la Universidad de Alicante que es la zona que yo había seleccionado. Y este mapa es un mapa interactivo, yo lo puedo mover, puedo hacer zoom si deseo o si quiero lo puedo ver en grande en Google Maps.

Como ves es muy sencillo insertar un mapa, me voy aquí a la rueda mecánica y elijo la opción “Compartir e insertar mapa” y la opción “Insertar mapa”.

Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

Cómo comprar un dominio de Internet

Un nuevo vídeo de iDESWEB que se ofrecerá a través de la iniciativa Actívate patrocinada por Google.

Transcripción:

Hola, soy Armando Suárez Cueto, profesor de informática de la Universidad de Alicante, y en este vídeo —que forma parte del curso “Introducción al desarrollo web”— te voy a contar un par de cosas que debes saber para conseguir tu dominio propio en internet.

Ya tienes tu sitio web. Lo normal es que lo hayas desarrollado en tu ordenador, ahora es el momento de publicarlo y la URL es un elemento importante, cuanto más simple, corta y diferente a las demás, mejor. Para eso necesitas un dominio pero, ¿cómo se compra un dominio?

¿Está libre el dominio que yo quiero?

Ten en cuenta que, para elegir nombre de dominio, no puedes pedir cualquier cosa, hay normas, incluso de sintaxis. También hay términos prohibidos.

Pongamos que el dominio es lechugas.com. Comprueba primero que nadie lo ha registrado antes. Es tremendamente fácil, hay un protocolo de internet, “whois”, que te lo dice.

Podemos usarlo desde la página del gobernante supremo de internet, la ICANN. Lo primero que vemos es un resumen de los datos de registro de lechugas.com. Sí, ya está “comprado” y lo tiene la organización, la empresa, “DOMAINS FOR SALE, DBA NETEGG”. En realidad, este resumen sale de procesar el resultado de consultar con el protocolo whois por nuestro dominio deseado. En este aparece toda la información pública relacionada con el registro.

¿Y si preguntamos por lechugas.net? Este dominio sí está disponible, este sí lo puedo comprar.

¿Qué son los agentes registradores?

También es cierto que hay cientos de sitios web que dan esa y más información. Busca “whois” en tu navegador y te saldrán un montón de opciones. Yo voy a la primera que me ha salido. En whois.com nos vuelven a decir que no, que lechugas.com no puede ser, tampoco lechugas.es, pero lechugas.net sí. ¿Te interesa?

Es normal, whois.com, whois.net y muchos más parecidos son empresas que comercian con dominios de internet. Estas empresas se han puesto en contacto con el ICANN y, cumpliendo una serie de requisitos y peajes, se dedican a esto.

El propio organismo ofrece un listado de registradores reconocidos.

Eso para los dominios de primer nivel .com, .net, y similares. Para otros, por ejemplo, para el dominio .es, España, habría que acudir a “dominios.es”, el servicio de Red.es —una entidad pública— encargado del registro en este dominio en particular. Ellos mantienen su propia lista de empresas que tramitan el registro, sus “agentes registradores”.

¿Cuánto me va a costar?

Depende. Hay que tener cuidado con esto, unos ofrecen únicamente el registro del dominio y otros, además, servicios de hosting, housing, cloud…

Hablando estrictamente de nombres de dominio, comprar, comprar no se puede. Los nombres de dominio, digamos, se alquilan durante un periodo de tiempo. Lo cierto es que hay que buscar un poco para conseguir el mejor precio, hay mucha competencia y mucho que leer antes de pagar.

En una empresa muy conocida insistimos en nuestro lechugas.com. Ya sabíamos que estaba ocupado pero lechugas.net lo podemos conseguir por 10 €. Contratemos.

¿Qué te decía?

Esto es más o menos habitual. Esa competencia lleva a ofertas y muchas suelen ser de primer año: te cobramos 10 ahora pero 25 a partir del siguiente.

Hay una opción interesante que es el whois privado. Más o menos, para evitar que tus datos personales aparezcan en las bases de datos públicas de dominios en internet, la empresa pone los de una oficina suya virtual. Si alguien quiere contactar contigo, no podrá hacerlo directamente, antes debe pasar por el registrador. Así se evita, entre otras cosas, el spam.

Una vez elegida nuestra tarifa, daremos datos personales asociados al dominio, pagaremos y esperaremos 24 o 48 horas hasta confirmar que es nuestro.

¿Cómo lo renuevo?

Prácticamente igual que cuando adquieres por primera vez. Generalmente, unos días antes de su expiración, elige por cuánto tiempo más y paga lo que te digan. Red.es exige que no pasen más de 10 días para aportar la prueba de haber efectuado el pago. Como tú pagas al registrador y el registrador a Red.es… paga cuando te digan.

¿Por qué hay dominios registrados pero sin usar?

Antes esto era un festival. Se reservaban dominios libres que no se iban a utilizar, simplemente se adueñaban de ellos sabiendo que el dueño natural lo iba a reclamar. Y solo lo ceden por una “módica” cantidad. Se sigue haciendo, pero ya hay legislación suficiente como para poder evitar esta especie de secuestro.

En esa línea, ciertos nombres de dominio están bloqueados o con los que corres el riesgo de que te lo expropien sin más. Solo un ejemplo: reyfelipe6.es.

Nada más. Me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y cómo contactar conmigo.

Muchas gracias y hasta la próxima.