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 sacarás muchísimo partido, ya sea con webs hechas en HTML puro o 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 HTML y eso es precisamente lo que haremos el día de hoy.

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

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 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 ciento con CMS, la enorme mayoría con WordPress, que es la vía que te recomiendo 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 invito a muchísmoque le eches una ojeada, no tiene desperdicio, te lo aseguro 🙂

Pero, ¿quiere decir esto que no tiene 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 blog post 🙂

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 conveniente para tu casoo si te resulta conveniente más utilizar un Content Management System 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 adecuada (tienes el link 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.

Google es el mayor motor de búsqueda existente en nuestros días. Si buscas información sobre cualquier cosa, es el primer sitio donde acudes para conseguirla. Y dependiendo del género de búsqueda que realices, los resultados que te muestra son diferentes. También depende de si realizas búsquedas con tu móvil, tablet o pc. Incluso te habrás podido dar cuenta de que los resultados no son los mismos si estás logueado con tu cuenta de gmail.

Esto los que noslo sabemos. Y para aprovechar todo el potencial SEO tenemos que conocer cada uno de ellos de las clases de búsqueda de éste buscador. Así que he decidido mostraros los resultados de forma más o menos visual.

La idea no es que te vuelvas desquiciado procurando aparecer en todos los géneros de resultados. Más que nada pues tu negocio probablemente no lo requiera. Bueno, y pues una empresa no puede aparecer en todo tipo de resultados. Mas éste artículo te puede servir de documentación para proponer tu estrategia seo inicial. Decide en qué tipo de resultado quieres aparecer, y trabaja para conseguir un buen posicionamiento.

 

Back to top

1) Antes de empezar, algunos palabros.

• 1.1) ¿Qué es una SERP?

  SERP es la abreviatura de Search Engine Results Page, o bien Página de Resultados de Motores de Búsqueda. Sencillamente es el listado que muestran los motores de búsqueda al realizar una búsqueda.

• 1.2) ¿Qué es un snippet?

  Cada uno de esos resultados que aparecen en las SERP es un snippet.

1.3) ¿Qué es una SERP?

SERP es la abreviatura de Search Engine Results Page, o bien Página de Resultados de Motores de Búsqueda. Sencillamente es el listado que muestran los buscadores web al realizar una búsqueda.

1.4) ¿Qué es un snippet?

Cada uno de esos resultados que aparecen en las SERP es un snippet.

 

Ppodemos identificar 5 tipos de resultados generales en Google, cada uno de ellos con sus subtipos. Vamos a explorar sus distintas características, y las oportunidades que ofrecen para el posicionamiento web en buscadores.

¿Deseas montar un ecommerce para vender productos o bien servicios y no sabes seleccionar entre WooCommerce o PrestaShop? El aumento de la tendencia y la popularidad de las compras on line no para de acrecentar y se traduce de forma automática en una oportunidad para cualquier negocio. Es por este motivo que tener una presencia en Internet mediante un donde poder colocar tus productos y servicios se convierte en obligatorio y te da la ocasión de llegar a nuevos clientes y maximizar el potencial de tu negocio. WooCommerce y PrestaShop ofrecen soluciones gratuitas y de código abierto para . Si bien las 2 ofrecen soluciones afines, si te encuentras en la encrucijada de elegir una de estas dos plataformas de ecommerce deja que explique qué hacen cada una de ellas y cuál elegir dependiendo de tu situación y necesidades.

Elegir una gestor de contenidos, plataforma o bien software correcto para tu ecommerce es clave para el éxito. Según que plataforma elijas podrás tener distintas opciones de funcionalidades, marketing y escalabilidad. Para iniciar (y sostener) un negocio de comercio electrónico de éxito, primero debe seleccionar un programa o bien software adecuado. Existe una libres en el mercado y es difícil para la mayoría de los propietarios de este género de negocios tomar una decisión correcta. Dos opciones muy populares son WooCommerce y PrestaShop, ya que ambos son la herramienta que utilizan miles de tiendas on-line de mucho éxito, pero funcionan de una forma diferente y, de la misma manera que tienen muchos beneficios, también tienen algunos inconvenientes. Deja que te explique en qué consisten cada uno de ellos y por qué deberías escoger uno o bien otro.

Back to top

1) PrestaShop: Qué es, cómo funciona y características principales

Si planeas tener una tienda online para vender tus productos, lo mas probable es que te hayas topado con muchas opciones para hacerlo, entre ellas PrestaShop. Si bien PrestaShop es un jugador parcialmente nuevo en la industria del software de tiendas on line y carros de compras, ha ganado una extensa atención debido a su funcionalidad, velocidad, peso ligero y sencillez de empleo.

Hay dos áreas en las que no puedes garantizar ni predecir nada al cien por ciento : tu vida y el SEO. Pero en ambas, es mejor hacer lo correcto.

¿Estás conforme en que medir todo no es cómo se lo debe hacer?

Cuando mides todas y cada una de las métricas a tu disposición, significa que no sabes qué medir, y aunque lo quieras o bien no, tus clientes del servicio lo notarán.

Por lo tanto, es mucho mejor evaluar el desempeño posicionamiento en buscadores monitoreando un conjunto de métricas orientadas al usuario. Primeramente, podrás enseñar los resultados de tu trabajo; y, después, sabrás por ti si vas en la dirección adecuada. Además, tus clientes sabrán por lo que están pagando y cómo sus KPIs de posicionamiento web en buscadores están alineados con sus KPIs del negocio.

Por consecuente, nos hallamos con un obstáculo: ¿cómo medir el SEO, qué debemos rastrear y por qué?

Back to top

1) KPIs y métricas: ¿cuál es la diferencia?

Comencemos con un fallo muy popular que cometen muchas personas: suponer que los KPIs y las métricas son sinónimos. En verdad, no lo son.

¿Qué es una métrica SEO?

Una métrica posicionamiento web en buscadores es un parámetro o valor que usan los equipos de marketing de posicionamiento SEO para rastrear, monitorear y cotejar procesos de optimización en motores de búsqueda.

¿Qué es un posicionamiento web KPI?

Un KPI (Indicador clave de rendimiento) posicionamiento web en buscadores es un valor medible que indica la eficiencia del posicionamiento SEO, así como si se logró el propósito establecido.

Vamos a aclarar una cosa: todos los KPIs son métricas, pero no todas las métricas son KPIs. Los KPIs deben tener objetivos empresariales y medirse en un rango de tiempo. Por ejemplo, digamos que estás rastreando una métrica SEO – por ciento de palabras clave en el TOP-diez. Si rastreas el progreso del posicionamiento SEO utilizando solo esta métrica, no sabrás si tener muchas palabras clave en el TOP-10 es bueno o bien no, salvo que observes el tráfico que traen a tu sitio.

Veamos otro ejemplo – tu lugar recibe mucho tráfico mas no es del público objetivo, y por eso no consigues clientes potenciales. Por esta razón, es aconsejable no rastrear métricas individuales, sino rastrear las que se relacionan entre sí bajo el contexto de tus objetivos empresariales.

¿Cuánto cuesta una página web?

Si me pagaran un euro por cada vez que me hacen esta pregunta creo que sería una de las personas más ricas de España. Amancio Ortega temblaría únicamente con mi sola presencia, te lo digo .

Por eso publico hoy este artículo: para contestar a la pregunta del millón, a esa pregunta que me elabora la gente un día sí y otro también.

Y es posible que te estés preguntando: “¿Jose, de verdad es necesario un artículo para contestar cuánto cuesta una página web?”

Pues amigo mío, la respuesta rotunda y concluyentes es sí. Exactamente por el hecho de que no es una respuesta tan fácil de responder sin tener datos sobre:

1. Qué tipo de serviciodeseas percibir.
2. A qué tipo de profesionaldeseas contratar.
3. Qué resultadoesperas conseguir.
4. Qué es lo que deseas realizaren tu página web .
5. Cómo quieres que se realice.
6. Cual es el volumen de trabajode lo que quieres efectuar.

Si te has quedado un poco parado con esta contestación, apacible. Sólo hemos empezado a rascar la superficie. Sencillamente te digo esto para meterte en contexto.

No quiero ni pretendo ser ambiguo. Hoy deseo dejarte todo claro y contestar a el interrogante de cuanto cuesta una página web como te he dicho al comienzo.

Vamos a analizar cada una de estas cuestiones paso por paso y al final te diré qué rango de costes manejo yo en función del tipo de servicio qué ofrezco a mis clientes del servicio.

Pero primero, deseo que entiendas por qué esta cuestión no puede responderse a la ligera, así que te lo voy a explicar mejor con un caso.

Índice de contenidos

Back to top

1) Cuánto cuesta una página web: el ejemplo con el que lo entenderás todo

Vale, vamos a olvidarnos por un momento del “misterioso y desconocido” mundo on-line.

Imagina que te quieres comprar una casa.

Para iniciar, creo que no hay que explicar que no supone exactamente la misma inversión lo tener un humilde piso en un barrio obrero de una ciudad que tener un chalet adosado o una casa de varias plantas.

O que no es lo mismo una casa en un pueblo pequeño de pocos habitantes que en el centro de una enorme ciudad como Madrid o Barna.

O que tampoco es exactamente lo mismo estimar una casa en la playa que en la montaña.

Los reporten posicionamiento en buscadores son tu mejor aliado para probar de qué eres capaz y cómo ayudas a tus clientes, y lo hacen mucho mejor que cualquier campaña de marketing.

¿Sabes cómo crear un reporten posicionamiento SEO ganador? Con la ayuda deesta guía te enseñará a crear geniales reporten que impresionaran a tus clientes del servicio en cuatro simples pasos. Puedes seguirla si bien no tengas ninguna experiencia, y si eres un posicionamiento SEO experimentado te ayudará a prosperar aún más tus reporten.

Back to top

1) 1. Escoge los datos adecuados

No existe algo así como un informe universal que funcione igual de bien para cualquier profesional SEO, y para cada uno de sus clientes. Si tus clientes del servicio no tienen tiempo, o no están interesados en aprender posicionamiento web, ¿por qué llenar tus reporten de estadísticas y factores innecesarios? Sencillamente dales lo que necesitan, un resumen de sus rankings, links y progreso on-page. Y si tienes algún cliente del servicio más experimentado que desea el control completo de cada aspecto, entonces ofrécele un informe en profundidad. Pero primero…

1) Tecnicas SEO

Back to top

1) WPO

La reducción de solicitudes HTTP, supresión de código html, reducción de ficheros javascript,quitar los widgets laterales del weblog o bien la eliminación de elementos estáticos en el navegador son algunos de los casos que analizamos para hacer que una web cargue en menos tiempo.

Todas estas mejoras están documentadas en abundantes blogs referentes a WordPress, no obstante, en la información facilitada en los links que aparecen más abajo dispones de los cambios de código que debes hacer en tal Content Management System para que tu también puedas conseguir los resultados que hemos visto en el vídeo.

EL objetivo es aplicar aquellas medidas que permitan con un consumo mínimo de recursos, lograr el mejor resultado posible en cuanto al paso que tarda en cargarse la web, de manera indirecta se logra favorecer la experiencia de usuario.

Las implementaciones de técnicas posicionamiento seo que hacen esto posible son las que aparecen a continuación:

A las medidas de page speed señaladas arriba, la eliminación de widgets laterales Google + o Facebook lograron la reducción de prácticamente un cincuenta por cien de las solicitudes http.

Back to top

2) Indexación & Crawleo

La aplicación de técnicas avanzadas de posicionamiento SEO que aunan la combinación de optimizaciones de código, performance, interlinkado, etc para hacer que los bots visiten con más frecuencia no solo la web, sino url's específicas que nos interesa desde el punto de vista del posicionamiento orgánico.

En el vídeo puedes ver de qué forma la mejora del tiempo de carga de la página mediante la reducción de solicitudes HTTP, hace que los crawlers puedan rastrear más contenido con exactamente el mismo "crawl budget".

De este modo, la frecuencia con la que la página web es visitada aumenta debido a la reducción del tiempo de carga en el navegador de los diferentes componentes de la misma.

Analizamos como aun páginas bloqueadas por el archivo robots.txt han sido crawleadas y aparecen fallos 404 de páginas de tags y categoría de la versión anterior de Brandemia, que estaba implementada en Wordpres, y esta se migró a Drupal Trademark en Junio de dos mil catorce.

Back to top

3) Análisis de logs

Analizamos varios sitios Wordpress mediante el análisis de logs donde examinamos los mismos, ya antes y tras ejecutar optimizaciones de tiempo de carga y performance, posteriormente vemos la evolución en un espacio temporal de las URL's que se han visitado más a menudo por GoogleBot.

Capítulos de este post:

Una pregunta que me han efectuado esta semana unos emprendedores ha sido:

¿cómo podemos posicionar nuestra web y conseguir los primeros clientes del servicio rápido?

Bien, puesto que te voy a explicar lo mismo que les expliqué a ellos mas en formato texto.

También durante la conversación brotaron otra serie de dudas sobre todo lo relacionado con el SEO, el trabajo de SEO y otras dudas que he querido contemplar aquí en forma de preguntas y contestaciones.

Vamos a ir viendo cada una de las preguntas y también veremos ciertas soluciones o bien herramientas online que suelo emplear para progresar el posicionamiento de webs o bien para ayudarles en su estrategia en el funnel de ventas.

Este artículo me servirá para despejar algunassobre cómo se trabaja el posicionamiento orgánico en nuestros días.

También este artículo va dirigido a todas y cada una estas personas que me contactan diariamente y verifico por sus correos electrónicos que aún tienen bastantes dudas sobre el trabajo de SEOy sus posibles resultados.

Te puede interesar:

Por otro lado, lo entiendo y soy siendo consciente de que me llegan casos de clientes que han tenido una mala experiencia precedente cuando han contratado servicios de SEO.

Por eso, intentaré dejar claro en este artículo y aprovechando la consulta de estos emprendedores, un poco la secuencia que prosigo yo enpara posicionar webs.

También he incluido alguna duda más que tenía apuntada en mi blog de notas, y aprovecho este artículo para contestar.

Comencemos por el…

#Paso 1. Conocer la página web y el micronicho

De nada sirve ponerse a mirar palabras clave sin antes saber el estado de la página web, o bien lo que es conocido como SEO técnico.

Para mi es fundamental esta primera auditoria internapara sacar toda la información posible de la página web y revisar si necesita retoques técnicos de algún tipo.

Por ejemplo,

uno de los puntos que más me fijo si la página web ya lleva tiempo publicada es si marcha correctamente el protocolo HTTPS.

En el 2017 se hicieron muchas actualizaciones de webs pasando de HTTP a HTTPS. Sin embargo, he comprobado como muchas de ellas han terminado siendo penalizadasde forma algorítmica o bien han perdido mucho tráfico orgánico por una mala implementación de este protocolo.

Llegando incluso a seguir así a lo largo de meses después de haber realizado este cambio.

1) ¿Son verdaderamente precisos los test de usabilidad web en el momento de mejorar nuestro posicionamiento en buscadores?

En sus comienzos la disciplina posicionamiento en buscadores era cuestión de leer muchos artículos en inglés y de hacer bastantes pruebas aunque, había disciplinas como la programación (especialmente html) que podían asistirte a dar un salto de calidad importante.

Con el tiempo, los profesionales del posicionamiento en buscadores nos hemos vuelto pequeños “hombres orquesta” que implacablemente hemos adquirido conocimientos de varias disciplinas muy estrechamente relacionadas con nuestro mundo, como son:

➦ Analítica web

➦ Redacción

➦ Publicidad online

➦ Servidores

➦ Usabilidad...

Personalmente me apasiona esta última, la usabilidad web.

Es una disciplina a la cual dedico gran parte de mi jornada desde hace un buen tiempo.

De hecho, creo que define el camino que hemos ido tomando los SEOs durante todos estos años: “del tráfico a la ”.

Para un directivo de proyectos web, dominar ambas disciplinas es primordial y asegura en gran medida conseguir los objetivos en línea del negocio.

Además es importante comprender todas y cada una de las posturas cuando estalle la habitual guerra de diseñadores vs. técnicos durante el proceso de desarrollo.

Back to top

1) Test de usabilidad web: Las técnicas 

Para optimizar la usabilidad web y, por consiguiente, la conversión de un sitio, se emplean diferentes técnicas.

Algunas se fundamentan en el conocimiento y experiencia previos del equipo de desarrollo y otras, las más interesantes bajo mi punto de vista, basadas en la experiencia real del usuario.

Para tomar decisiones basadas en el comportamiento del usuario en general utilizamos dos fuentes de información: la analítica web o bien el usuario en sí mismo.

Si bien, la analítica nos ofrece grandes volúmenes de información que interpretar, el test de usuario (o bien test de usabilidad web) nos ofrece conclusiones reales de primera mano.

Aunque con muestras de usuarios mucho más pequeñas claro ¡no todo iba a ser perfecto!

Mediante un test de usabilidad web se pueden auditar una o múltiples páginas del sitio, ayudando a advertir disfuncionalidades que, frecuentemente, un equipo formado por múltiples personas han pasado por alto.

Uno de los factores que más influyen en el éxito de un ecommerce es seleccionar desde el principio una adecuada plataforma web. Hay muchas opciones, mas en nuestro país esencialmente resaltan 2 por encima de todas y cada una para administrar una tienda on-line, generando muchas discrepancias y pluralidad de opiniones sobre si es mejor Woocommerce vs Prestashop.

Debemos pensar que un ecommerce implica muchas tareas. No es solo conseguir ventas en línea por Internet, sino más bien asimismo gestionar los pedidos a fin de que lleguen a su destino en perfecto estado, ofrecer un buen servicio de atención al usuario para alcanzar su plena satisfacción y que vuelva a adquirir en la web.

En mi caso gestiono tiendas tanto con Prestashop como Woocommerce. Así que te voy a comentar por mi propia experiencia en qué aspectos es mejor uno o bien otro. La pretensión de este artículo es meramente divulgativa, después cada uno de ellos es libre de optar por la plataforma que piense mejor se adecua a tus necesidades.

 

Así que ahora vamos ver las diferencias que hay entre Woocommerce y Prestashop para una tienda online. Destacaremos los puntos fuertes de cada plataforma, veremos las restricciones que posee cada una para la gestión de un ecommerce. Y para finalizar indicaré cuando es más apropiado efectuar la web con uno o bien otro gestor de contenidos.

Back to top

1) 1 Para que sirve Prestashop, WordPress y Woocommerce

Si estás interesado en tener una tienda online esencialmente encontrarás que la mayoría de profesionales de Internet te aconsejarán Woocommerce o bien Prestashop. Lo normal es que si estás empezando en el planeta del ecommerce probablemente desconozcan que significan estas 2 palabras.

Tanto Woocommerce como Prestashop son gestores de contenidos, es decir, plataformas que ya cuentan con unas bases de datos programadas a fin de que puedas tener tu propia web con un diseño estandarizado. No es necesario tener conocimientos de Html, php, css, javascript o cualquier otro lenguaje de programación, sencillamente con descargar este gestor de contenidos en el servidor que tienes para tu dominio va a ser suficiente para contar con una web.

1.1) 1.1 Que es Prestashop

es un gestor de contenidos especializado en ecommerce, esto es, la estructura de la web está concebida para vender productos por Internet. Para que te hagas una idea, esta es la plantilla por defecto que posee una tienda on line basada en Prestashop.