Hoy nos toca el tercer blog post especializado en sistemas de indexación posicionamiento SEO. Ya hemos abordadoy lapara supervisar la indexación. Ahora nos toca trabajar con otro de los ficheros más conocidos del SEO: los archivos sitemaps.xml. Como en anteriores ocasiones vamos desgranar todo el contenido en distintos puntos, en este caso hablaremos sobre doce cosas que es importante que sepas sobre estos archivos. Algunas serán sabidas, otras espero que te sorprendan y lógicamente algunas serán validas para unos proyectos u otros.

1) Qué son y cómo crear los sitemaps.xml

Los Sitemap no son más que una vía que nos ofrecen los motores de búsqueda a fin de que mismos les afirmemos que páginas deberían rastrear. Como prácticamente todo en herramientas de indexación son solo sugerencias y Google en realidad visitará las páginas que le de la gana en el orden que él desee. Sin embargo en muchos proyectos en los que (más por defecto de la web que de las arañas de Google) las arañas van un poco perdidas han demostrado ser de enorme utilidad para guiarlas y asistirlas a hallar el contenido.

Los sitemaps.xml son uno de los primeros ficheros que Google se preocupó por que conociésemos y eso ha logrado que exista muchísima documentación sobre como crearlos. A día de el día de hoy la mejor referencia oficial que tenemos la encontramos en "en muchísimos idiomas. El protocolo es muy simple mas tiene algunas peculariedades.

Este es el formato normal de un archivo sitemaps.xml bien hecho:

De esta estructura lo esencial es sobretodo la declaración inicial. Si no definimos el sitemap como un XML y sus atributos xmlns no será bien interpretado. Luego solo se trata de ir añadiendo nodos <url> con sus detalles (de los que solo <loc> es obligatorio). De echo la enorme mayoría de los sitemaps que encontraras verás que solo contienen el nodo "loc" y ningún otro detalle de las URLs.

La codificación de caracteres también es fundamental, solo se admite UTF-8 así que hay que revisarla. Además el sistema nos prohíbe de forma explicita el uso de ciertos caracteres. Si queremos usarlos tenemos que "escapearlos" en código HTML, esto es, debemos utilizar un código HTML para identificar el carácter preciso que verdaderamente queremos agregar.

Por suerte estos no son muchos:

Todo muy lógico, y no es nada que aun site con un tanto de posicionamiento en buscadores onpage bien hecho le vaya a afectar. Mas tengámonos en cuenta. Por ejemplo, ¿qué pasa con esta url: "?categoria=2&producto=25"? puesto que que realmente en nuestro sitemap deberíamos incluirla como "?categoria=2&producto=25".

Por último hay una restricción de tamaño:

A la hora de posicionar una web, el lugar donde se ubique el negocio puede ser un factor determinante. Y es que no es exactamente lo mismo trabajar en el posicionamiento de un restorán único en una ciudad (que tiene su ubicación propia), que el de posicionar la página web de una cadena de restaurants que operan a nivel nacional o bien incluso internacional. De ahí que es importante saber distinguir los conceptos entre SEO Local, posicionamiento web en buscadores nacional y posicionamiento web internacional. De esta manera, la persona que está efectuando el posicionamiento podrá decidir qué técnicas son las más recomendables para un negocio concretamente. Nosotros como somos expertos en los dos ámbitos.

1) ¿Qué es el posicionamiento SEO?

El posicionamiento en buscadores, (de sus iniciales en inglés, Search Engine Optimization), también conocido como la optimización en motores de búsqueda, o bien de manera más sencilla, la optimización web son un conjunto de técnicas que se aplican a la estructura y contenidos de una página web con la meta de que salga en las primeras situaciones de los buscadores web en el momento en que un usuario busque una palabra clave.

Con un caso es mucho más fácil de entender la función del SEO: en el caso de un restaurant que vende hamburguesas, el trabajo de posicionamiento consistiría en lograr que la página web de ese restorán aparezca por delante de la de su competencia cuándo una persona busca dónde comer hamburguesas.

A la hora de optimizar el posicionamiento, se debe trabajar en dos áreas:

El Marketing en Facebook está en un continuo proceso de búsqueda donde se automaticen muchos procesos y se generen contenidos con mucho más valor.

Las activas sociales no se detienen, y tampoco tiene un motivo simple para hacerlo. Esto que llamamos marketing social y se basa en interacciones que por su parte se ajustan a necesidades que los usuarios demuestran en sus expresiones y buscas en las redes sociales.

Un contenido, no solo alimenta y se transforma en un mecanismo para generar tráfico, sino que permite administrar una comunidad cuando se tiene la estrategia adecuada en torno al marketing en Facebook, una nueva tendencia que se posiciona en nuestros días de manera sistematizada a través de el procedimiento y la técnica acertada, donde se debe pensar en una dicotomía que nos orienta hoy día al reconocimiento de una marca y crecimiento de un negocio.

Es por esto, que charlar de la necesidad de tener una página Web para producir ingresos económicos ya no parece una necesidad de urgencia cuando se cuenta con las redes sociales como plataformas alternativas para generar tráfico y también comenzar negocios de crecimiento en lo que se refiere a la libertad financiera que muchos buscan. Es ahí donde charlamos del enorme potencial de .

Claro está, que si una estrategia enfocada en hacer de lo social mediante una percepción en lo que se refiere al marketing en Fb, no se tendrá más que una serie de campañas vacías que probablemente terminen produciendo tráfico sin interactúes, sin acciones y sobre todo, sin producir transmisión de conocimientos y emociones enfocados en lo que el usuario busca.

1) ¿Por qué razón hacer marketing y publicidad en Fb?

En CITIFACE siempre y en toda circunstancia recomendamos a prácticamente cualquier empresa que debería tener una página en Facebook, pero ¿sabías que Fb genera más ingresos por publicidad que cualquiera de las otras redes sociales? A pesar de ello anunciarse en esta red social no es garantía asegurada de éxito y debe analizarse cuidadosamente y planificarse con “mucha estrategia” para garantizar los excelentes resultados para el anunciante.

Es por esta razón que estimo crucial que conozcas todos y cada uno de los detalles de Fb, como plataforma de publicidad, antes de valorar anunciarte en esta red social y la estrategia a seguir:

Crear una página web en HTML es algo sorprendentemente fácil de aprenderincluso para personas no técnicas y algo a lo que le sacarás muchísimo partido, ya sea con webs hechas en código HTML puro o bien cocss n webs basadas en WordPress, Blogger u otros Content Management System.

- ©

Tanto es así que, en un simple artículo como éste, ya puedes aprender lo bastante para hacer cosas realmenteinteresantes en código HTML y eso es exactamente lo que vamos a hacer hoy.

Ahora bien, ya antes de ponernos con esto, debes preguntarte si crear páginas web en HTML es realmente lo que precisas.

Me explico: el día de hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu página web a base de crear «a mano» el código HTML de cada una de esas páginas de tu web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por ejemplo, WordPress, trabajando de manera visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un cien por ciento con CMS, la gran mayoría con WordPress, que es la vía que te invito a encarecidamentepara crear tu página web.

Al final de este post, en el Anejo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te recomiendo muchísmoque le eches un vistazo, no tiene desperdicio, te lo aseguro &#x1F642;

Pero, ¿quiere decir esto que carece de sentido que leas el resto de este artículo?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este post &#x1F642;

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más adecuado para tu casoo si te resulta conveniente más emplear un Content Management System como WordPress o Joomla!.

Por eso, he incluido al final de este blog post un anexo dedicado a este tema que te ayudará a tomar la decisión correcta (tienes el enlace al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema primordial de este post: cómo crear una página web en código HTML.

Crear una página web en código HTML es algo sorprendentemente fácil de aprenderincluso para personas no técnicas y algo a lo que le vas a sacar muchísimo partido, así sea con webs hechas en código HTML puro o bien cocss n webs basadas en WP, Blogger u otros CMS.

- ©

Tanto es así que, en un simple blog post como éste, ya puedes aprender lo suficiente para hacer cosas realmenteinteresantes en código HTML y eso es exactamente lo que haremos hoy.

Ahora bien, ya antes de ponernos con ello, debes preguntarte si crear páginas web en código HTML es verdaderamente lo que precisas.

Me explico: hoy en día hay dos vías de crear una web y sus páginas:

• La vía artesanal(la «antigua»): componer tu página web a base de crear «a mano» el código HTML de cada una de esas páginas de tu página web y enlazarlas entre sí.
• La vía moderna: emplear un CMScomo, por poner un ejemplo, WordPress, trabajando de forma visual, sintener que codificar y maquetar el contenido en código HTML.

Hoy en día, las webs se hacen prácticamente en un 100 por cien con Content Management System, la gran mayoría con WordPress, que es la vía que te invito a encarecidamentepara crear tu web.

Al final de este blog post, en el Anexo, tienes nuestro mega-tutorialque te enseña a crear una web con un diseño profesional por esta vía. Te recomiendo muchísmoque le eches un vistazo, no tiene desperdicio, te lo aseguro &#x1F642;

Pero, ¿quiere decir esto que carece de sentido que leas el resto de este blog post?

Obviamente no. Sigue teniendo muchísimo sentido aprender HTML. Si no, obviamente, no habría escrito este blog post &#x1F642;

Por eso, si no tenías claro esto que te acabo de explicar, valora primero si crear páginas en HTML es lo más adecuado para tu casoo si te es conveniente más usar un CMS como WordPress o bien Joomla!.

Por eso, he incluido al final de este blog post un anejo dedicado a este tema que te ayudará a tomar la decisión correcta (tienes el enlace al final de la tabla de contenidos).

¿Qué encontrarás aquí?

Ahora, centrémonos en el tema principal de este post: cómo crear una página web en HTML.

Podemos trabajar bajo una estrategia completa con diferentes servicios o bien ser el soporte de tu empresa en alguno de ellos.

Te ayudamos a acotar objetivos y acciones clave para lograr resultados

Atrae tráfico cualificado a tu sitio web desde canales orgánicos y de pago

Genera más conversiones en tu ecommerce, Landing Page o bien sitio web

Enamora a tus clientes y seguidores para llevarlos al siguiente nivel

Entiende tus KPI’s y toma resoluciones de negocios estratégicas con datos

Diseñamos una estrategia de marketing online para tu negocio y la realizamos. Podrás tener claros los objetivos, KPI´s, presupuestos, canales a trabajar, recursos necesarios  y una clara ruta de trabajo para lograrlo.  

Sabrás cara donde dirigir tus acciones y como medirlas.

Entiende a quién te diriges y como llegar a él.

Conoce la inversión conveniente para lograr tus objetivos publicitarios.

Definiremos la hoja de ruta para lograr los objetivos propuestos

1) Posicionamiento SEO

Mejora el posicionamiento orgánico de tu sitio web en los motores de búsqueda, te ayudaremos en todo el proceso: auditoría, linkbuilding, medición y mejoras.  Contamos con una metodología posicionamiento en buscadores propia, basada en la experiencia de más de diez años en el ámbito. 

Conoce el estado posicionamiento web en buscadores de tu página web y las soluciones para mejorarlo.

Mejora la autoridad y reputación posicionamiento en buscadores.

Monitoriza la posición que ocupan tus palabras clave en Google.

Conoce las mejoras posicionamiento SEO en tu sitio y responde a los cambios de Google.

Llega tus clientes del servicio potenciales mediante anuncios señalados en Google y su red de sitios asociados usando diferentes formatos de anuncio (texto, imagen, animación o bien vídeo) y segmentaciones (geográficas, demográficas, horarias...).

Tus anuncios señalados en Google cuando tus clientes te procuran.

Campañas gráficas para impactar a clientes del servicio desde la red de socios de Google.

Promociona tus productos en la tienda de referencia de Google.

Anúnciate mejor en formato audiovisual y llega a tu público con YouTube.

Lanzamos tus campañas con anuncios patrocinados en las principales redes sociales: Facebook, Instagram, Twitter, Youtube y Linkedin.

Posibilidad de fraccionar tus anuncios a más de mil cuatrocientos millones de usuarios.

Impacta a los millennials en su red social preferida con una cuota del 70 por cien .

Llega a millones de particulares, profesionales y empresas en Twitter.

Segmenta tus anuncios cara el mayor público de profesionales activos.

Este es un tema muy complejo y es imposible cubrirlo en unos cuantos párrafos.

El ancho estándar de la  era de 600 píxeles para escritorio, 320px para vista vertical y 480px para vista horizontal en dispositivos móviles. La altura no tenía límites y dependía del largo del contenido. Hace unos pocos años, los 600px de ancho eran un estándar obligatorio y no había alternativas.  Pero eso ha cambiado.

Hablemos sobre el ancho admisible de los emails, el mejor ancho de los elementos del email, y cómo ajustar estos elementos a múltiples clientes del servicio de email, pantallas y dispositivos.

¿Cuál es el mejor ancho para los boletines de correo electrónico?

Hay un  que afirma que el ancho de 600px es un mito. Estamos absolutamente de acuerdo con eso puesto que ahora hay más opciones que solo 600px de ancho, pero continúa siendo lo óptimo. Mas ¿cómo apareció este ancho? ¿Por qué es precisamente 600px?

Hace mucho tiempo, la resolución de la pantalla estaba lejos de ser perfecta. Y muchos de los dispositivos eran más pobres que lo que son ahora. Ahí fue cuando apareció el ancho de 600px. Desde ese momento, muchas de las cosas han alterado, mas el ancho de 600px se ha convertido en una base del diseño de correo electrónico.

Entonces, 600px de ancho es más una tradición que una regla, y te garantiza 100 por ciento que se mostrará adecuadamente. No está mal, ¿cierto?

Mira este estupendo email HTML con un ancho ordinario de 600px. Puede ser realmente espacioso, con muchas columnas e información útil:

Oímos que existen algunos clientes de email que no procesan adecuadamente los correos electrónicos que tienen un ancho mayor de 650px.

Creé un correo electrónico, el ancho de la una parte del contenido fue de ochocientos sesenta píxeles. Funcionó bien en los primordiales clientes de e-mail, si bien el fondo no se mostraba en Outlook.com.

Y este es el email que acabo de recibir:

(email de MailNinja. El ancho del email es de 740 píxeles. Gmail, macOS)

También existe la creencia de que Gmail no muestra un color de fondo si el tamaño de tu plantilla de e-mail sobrepasa los 640 píxeles. No obstante, existen muchas pruebas con nuestra  y muchos correos electrónicos que abrí en mi cuenta de Gmail demostró lo opuesto, los mails se cargan a la perfección, y los fondos también.

(correo electrónico de Forbes Daily Dozen. Ancho de e-mail 800px. Gmail, macOS)

Otro mito es en Yahoo! Correo, que puedes ver el correo electrónico con un ancho máximo de 650px. No obstante, mi correo electrónico con un ancho de ochocientos diez píxeles tuvo tamaño completo en este usuario.

Allá por el 21 de Abril de 2015 Google manifestó que le resultan de interés las webs que tengan su contenido amoldado a móviles o tablets. En concreto, Google anunció, “debido a la concida masificación en el empleo de dispositivos móviles, google considera que es una obligación para la compañía el enseñar con mayor frecuencia aquellas webs que permitan al usuario una mejor experiencia en la visualización de sus contenidos”.

Dicho de otra forma, Google estima que es mucho más importante mostrar es sus SERPS (resultados de buscas) páginas webs que sean amoldados a móviles.

Claro está que ésto siempre y en toda circunstancia va a ser desde la perspectiva de búsquedas desde el móvil, con lo que el cambio en su algoritmo solo estará afectando a los usuarios que usan tablets o móviles para buscar determinadas webs.

Lo cierto, es que en ese instante, en el dos mil quince, hubo un boom de información de todos y cada uno de los diseñadores, programadores, bloggers, empresas de diseño y agencias de publicidad que charlaban de que amoldases tus webs a móviles o tendrías una “penalización”, y la verdad es que no es tanto eso,… Yo me aventuro a decir que lo que sucede es sencillamente que si no tienes una web adaptada, una web responsive estás fomentando una mala práctica, un mal empleo de tu mayor escaparate…

Nunca podemos olvidar que nuestra web es nuestro acceso a Internet, es nuestra puesta en marca de nuestra marca ¿descuidas el aspecto de tu marca? ¿no le das la importancia que tiene? ¿no te gustaría ofrecer un visualización de tu contenido a un mayor número de usuarios en buenas condiciones de leerte?, si es así, ya te estás respondiendo solo, deberías de tener tu web adaptable.

Indice de contenidos de esta entrada

1) Verifica si tu web está amoldada a móviles, es responsive

Google nos ayuda a ver cuánto de optimada está tu página web desde la perspectiva de adaptación a móviles, pone a predisposición de cualquier usuario una herramienta de comprobación.

Te pongo el enlace a exactamente la misma para qué mismo puedas comprobarlo: .

Verás que la herramienta es muy sencilla, en cuanto cargues la página te van a preguntar ¿Tu página está optimada para móviles? y tendrás un cuadro de texto donde vas a poner la url de tu página para que google se conecte a ella y pueda hacer un análisis de todas las cuestiones de tamaños, adaptaciones de CSS para poder dar un resultado y decirte exactamente en qué grado de adaptación está.

Si te digo que el boom digital ha traído cambios, seguro que consideras que no estoy descubriendo nada pero te aseguro que mi intención en este artículo es descubrirte unas cuantas cosas sobre uno de esos cambios, en concreto, el relativo a los contenidos educativos digitales.

1) ¿Qué es el contenido educativo?

El contenido educativo es aquél que abarca un conjunto de conocimientos, habilidades y destrezas enfocados en conseguir uno o varios objetivos relacionados con la enseñanza y con llenar competencias educativas.

Siguiendo esta línea, el contenido educativo digital es el que cumple todo lo anterior y además toma como base de referencia Internet para ser mostrado.

2) Lista de contenidos educativos digitales más solicitados

Los tipos de contenidos educativos digitales que existen son cada vez más variados, siendo los principales los siguientes:

• Vídeo tutoriales.
• .
• Ebooks y PDFs.
• Webinars.
• Cursos on line.
• Guías en artículos.
• Estudios y casos de éxito.
• .

3) ¿Qué ventajas ofrece un buen contenido educativo digital?

La lista de ventajas es amplia, siendo estas las ventajas más evidentes:

1. Ubicuidad.
2. Menor costo.
3. Facilidad al realizar búsquedas.
4. Múltiples opciones en tiempo real.
5. Infinidad de temas disponibles.
6. Actualizaciones constantes.
7. Acceso democratizado a contenidos de pago y gratuitos.
8. Acceso a contenidos en múltiples idiomas.
9. Posibilidad de interacción.

Vamos a examinarlas una a una.

3.1) 1.- Ubicuidad

Por lo general, tenemos poco tiempo y el poco que tenemos deseamos aprovecharlo al máximo.

Lejos quedan los tiempos en que nos permitíamos vivir despacio, ahora semeja que las prisas son nuestra seña de identidad y que si no vamos corriendo a todos lados y no andamos todo el día de la ceca a la meca o bien, como dicen en México, del tingo al tango, es pues estamos malgastando ese escaso bien al que llamamos tiempo.

No seré yo quien tire la primera piedra, sobre todo, porque soy la primera en tener que entonar el “mea culpa” en este tema de ir a toda velocidad en la vida.

Compartiré con ustedes las que, en mi opinión, son las mejores plantillas gratis que emplean la tecnología Adaptable Web Design, también llamado diseño líquido, adaptable o bien elástico que utilizan la tecnología HTML 5 y CSS3. La tecnología Adaptable Web Design deja que el sitio Web se adapte a cualquier pantalla (ordenador o dispositivo móvil). Los que quieren conocer mejor esta tecnología les aconsejo el artículo:.

1) WordPress: plantillas Responsive Web Design gratis

WordPress es el Content Management System que más plantillas sin costo tiene disponibles con la tecnología Responsive Web Design y tecnología HTML5 y CSS3 . Veamos las más destacadas:

1.1) 1. Plantilla WordPress Nova

La plantilla gratis de Wordpress Nova es fue creada por, con diseño responsive web design. Esta plantilla puede ser usada para diarios digitales, blogs informativos o bien corporativos.

1.2) 2. Plantilla WordPress Asteria Lite

Asteria Lite es una plantilla creada porcon tecnología de diseño líquido. Es un template limpio con gran cantidad de opciones de diseño, iconos sociales y plantillas de página.

1.3) 3. Plantilla WP Cubby

Cubby es una plantilla creada porcon tecnología responsive web design. Cubby es una muy elegante plantilla basada en Bootstrap y diseñada para pequeñas y medianas empresas.

1.4) 4. Plantilla WP iTheme2

iTheme2 es una plantilla de Wordpress con diseño líquido (Adaptable Web Design). Esta es una excelente plantilla creada por. Es un template muy adecuado para blogs de tecnología y asociados con Mac, ya que usa un diseño similar al lugar de.

1.5) 5. Plantilla WordPress Bento

La plantilla gratis de Wordpress Bento es fue creada por, con diseño responsive web design. Es una plantilla multipropósito.

1.6) 6. Plantilla WP Skeleton

El template Skeleton de WordPress fue creada porcon diseño elástico (Responsive Web Design).