Guía para realizar un sitio web en 10 pasos utilizando WordPress

En este post se da una guía para hacer realidad un sitio web utilizando muy pocos recursos!

Hola, bienvenidos al blog de pacte.co. En esta ocasión quiero comentarles la forma de hacer un sitio web en WordPress en 10 pasos. Actualmente los rápidos cambios que, gracias a la tecnología, experimentamos a diario hacen indispensable para negocios de cualquier clase, tamaño y sector económico contar con un sitio web. Esto no es nada nuevo, sin embargo hasta hace algún tiempo no era posible para una persona que no tuviera habilidades y conocimientos de programación crear un sitio web. Ahora esto es posible, en parte gracias a plataformas como WordPress que hacen más sencillo la creación de sitios web. De acuerdo con Managewp aproximadamente 75 millones de sitios web están construidos sobre este Sistema de Gestión de Contenidos o CMS (Content Management System) por sus siglas en ingles. Precisamente la facilidad para agregar y modificar contenido es una de las características que ha hecho que la plataforma sea tan popular. Por ejemplo, este post lo inicié solo con hacer un click y para publicarlo debo hacer lo mismo, un solo click. Es importante resaltar que puede existir mucha complejidad en sitios web realizados con WordPress y que hay personas especializadas (yo no soy una de ellas) en desarrollo sobre esta plataforma, sin embargo este artículo lo hice para guiar la creación de una página web relativamente sencilla.

Es muy importante resaltar que el hecho de tener un sitio web es solo una parte de algo mucho amplio que se denomina presencia digital, para tener una presencia digital adecuada y que genere oportunidades de negocio es muy importante el desarrollo de una estrategia digital en la que se definan objetivos, segmentos, una persona de marketing y otros aspectos relevantes para lograr que el sitio web y la presencia digital en general atraigan potenciales clientes y se generen oportunidades de negocio.

Ahora si les dejo los 10 pasos:

1. Escoger y comprar dominio.

El dominio es una de las partes más importantes en este proceso porque define como nos vamos a llamar en el mundo de internet. De acuerdo con Wikipedia un dominio es: un nombre único que identifica a un sitio web en Internet. Es muy importante tener en cuenta que debe ser un nombre corto, que se pueda identificar fácil y que este directamente relacionado con la marca o producto. Digo que este relacionado porque en ocaciones el nombre de nuestra empresa o producto ya está tomado y en ese caso puede costar mucho dinero o puede no ser posible comprarlo. Si eres un emprendedor y no tienes nombre para tu compañía o quieres cambiarlo acá te dejo un link a un blog post muy bueno de Alex Torrenegra para definir un nombre de tu empresa o producto y a su vez un dominio. Está en inglés así que si no eres fuerte en el idioma te recomiendo que utilices el traductor de google. Es importante también evitar la repetición de letras y palabras complicadas de deletrear ya que esto puede dificultar las posibilidades de nos encuentren en internet.

De forma muy sencilla, los dominios se componen por el nombre que elijamos y un complemento, en el caso de pacte.co el nombre es pacte y el complemento es .co formando la dirección pacte.co. En este link se puede encontrar una información más técnica de la anatomía de un dominio. Lo que yo llamo “complemento” puede ser .com, .co, .net, .biz, .com.co o muchas otras combinaciones y de esto depende en gran medida el precio. Este precio se paga generalmente por un año con la posibilidad de renovarlo automáticamente e incluye la propiedad del dominio y el registro del mismo. Existen varios sitios web que venden los dominios y les dejo una búsqueda en google que puede ayudar. Personalmente yo he utilizado godaddy.com y recientemente me encontré namecheap.com que tiene opciones de precios interesantes.

Es muy importante mencionar que generalmente los sitios que ofrecen el servicio de venta y registro de dominio ofrecen también el servicio de Hosting, que lo explicaré a continuación. La compra del dominio solo nos asegura que tenemos propiedad sobre la dirección, es como si al comprar una casa tuviéramos que pagar por separado la dirección y el inmueble. Mi recomendación es comprar el dominio, si es posible en el mismo sitio web en la que se decida tener el hosting. El paso que sigue es el de elegir el servicio de hosting adecuado, siguiendo con la analogía de la casa la compra del inmueble.

2. Elegir y pagar el hosting.

El Hosting, en mi concepto y posiblemente alejándome de la definición puramente técnica, es donde se guarda la información que contiene la página web. Esta información contiene, pero no se limita a, textos, fotos, videos, configuraciones propias y el diseño que se tiene el sitio web. Teniendo en cuenta lo anterior y que existen una gran variedad de servicios de hosting es muy importante definir que características o parámetros se deben tener en cuanta al momento de hacer este análisis. Los parámetros que recomiendo revisar son la capacidad de almacenamiento, que el servicio que se esté evaluando sea apto para WordPress (generalmente lo dice en la descripción del paquete), que permita una instalación sencilla de wordpress y si tiene la opción de configurar, si incluye cuentas de correo o no y la cantidad de páginas y subdominios que permite. En cuanto a opciones actualmente utilizo Bluehost.com y anteriormente utilicé godaddy.com con quienes tuve una mala experiencia. Existen otros como Hostgator.com, colombiahosting.com.co entre otros y en este link les dejo una lista de los mejores sitios de hosting para WordPress (material en inglés).

Los costos del servicio de Hosting varían y pueden ir desde 3 o 4 dólares al mes hasta 15 o 20 dependiendo de lo que ofrezcan. Para una página de una pequeña empresa o página personal no es necesario tener en cuenta muchas más opciones, sin embargo si se quiere hacer una plataforma o un sitio web mucho más robusto hay otras opciones como Amazon Web Services, Google Cloud Services, Microsoft Azure entre otros que ofrecen prestaciones que cumplen con las demandas de sitios web mucho más complejos. Una vez se ha seleccionado y pagado el servicio de Hosting, generalmente por un año, se asocia el dominio (que se compró en el punto anterior) y se debe configurar las características del hosting y el o los correos electrónicos en caso que estén incluidos en el paquete adquirido. Generalmente los sitios de hosting ofrecen guías para configurar el hoston con el dominio y si se adquirió el hosting y el dominio en el mismo sitio la configuración es automática.

3. Instalar WordPress en el hosting que compraste.

Generalmente los servicios de hosting ofrecen la posibilidad de instalar WordPress con uno o pocos clicks, las opciones mencionadas anteriormente incluyen la opción en el panel inicial de configuración de la instalación que lo hacen realmente sencillo. Lo que se hace en este paso es alojar la plataforma (no es así técnicamente pero es una buena analogía) en el servicio de hosting seleccionado y esto permite que se pueda configurar y personalizar la página web con las prestaciones que WordPress ofrece. Si bien este es un paso técnico en cuanto a que requiere una instalación, no es complicado y se puede realizar siguiendo pasos sencillos y guiados que nos ofrecen los diferentes sitios de hosting. Es importante aclarar que en algunos casos los servicios de hosting requieren que se descargue un archivo de WordPress y se instale en el servicio de hosting mientras otros permiten la instalación con sol0 un click.

En conclusión, hay dos formas de instalar WordPress en el servicio de hosting que adquiriste: 1. Con unos cuantos clicks desde el panel de configuración (el proceso es guiado y sencillo) y 2. Descargar WordPress, subirlo al servicio de hosting, esta opción es también guiada. Una vez instalado WordPress en tu servicio de hosting ya se tiene un importante porcentaje de la parte funcional, a continuación se presenta como buscar y seleccionar el tema de wordpress.

4. Buscar y seleccionar el tema de WordPres.

Una vez instalado WordPress es momento de buscar y seleccionar el tema de WordPress. Un tema de WordPress es la forma como se ve y está organizado el sitio web (está no es la definición técnica) y define como se muestra la información dentro de la página web. Se podría decir de cierta forma que es el diseño del sitio web. Sin entrar mucho en la parte técnica, el tema aporta los estilos y como se ve y está distribuida la información que se incluye en el sitio web, esto se refiere a texto, imágenes, videos. El tema determina el orden como se muestra esta información dentro del sitio web. En este link les dejo una visión más técnica de lo que es un tema de WordPress. En mi experiencia personal he utilizado dos temas (Sydney y Zerif lite) y acá les dejo el proceso para seleccionar el tema:

1. Definir que línea gráfica se ajusta a las necesidades y objetivos del sitio web: Esto quiere decir que es necesario definir si se quiere un sitio web con poco diseño o uno en el que las fotos y el video sean los protagonistas. Para este paso mi sugerencia es revisar varias opciones de temas y luego identificar el que más se ajuste, en este link hay una lista de los sitios para descargar temas gratuitos. La ventaja de los temas gratuitos es que se pueden probar y si se tiene una buena experiencia se puede comprar la versión paga o pro la cual muy seguramente tendrá muchas más prestaciones y características de personalización. Recuerden que en este paso estamos apenas viendo que tema puede servir, en los pasos siguientes describo otros puntos a tener en cuenta. Mi sugerencia es hacer una lista corta de temas que pueden ajustarse a las necesidades y objetivos de negocio.
2. Una vez se tenga definida la línea gráfica se debe revisar la parte técnica, esto principalmente quiere decir que el tema sea 100% adapatativo o responsive, lo que quiere decir que el contenido se verá de forma adecuada en diferentes resoluciones de pantalla, esto es en un computador de escritorio y en un dispositivo móvil como un teléfono o en una tablet. Este punto es sumamente importante ya que si se elige un tema que no tenga estas características se está dejando por fuera del mercado a un inmenso número de potenciales clientes que utilizan sus dispositivos móviles para navegar y adicionalmente algunos motores de búsqueda castigan en ranking los sitios que no cumplen esta característica. Que el tema sea 100% adaptativo debe ser uno de los criterios que más se debe tener en cuenta para definir el tema a utilizar en el sitio web. En este link explican con un poco de más detalle acerca de diseño adaptativo o responsive.
3. Identificar si el listado de temas pre-seleccionados se ajusta a las necesidades de estructura de la información que se tiene en mente. En este aspecto es muy importante haber definido la estructura del sitio para poder realizar la selección adecuada. En pacte.co podemos ayudarte a definir la estructura del sitio web que más se ajuste a tus objetivos de negocio por medio del diseño de una estrategia digital. Si bien es posible cambiar el tema más adelante, es decir cuando ya se tenga el sitio web al aire, esto puede generar inconvenientes en cuanto a personalización del tema elegido.
4. Hablando de personalización, este es otro aspecto importante para definir que tema se utiliza. La personalización del tema permite realizar un sitio web sobre una plantilla determinada y a la vez tener una identidad propia y definida. Es decir si un tema no permite personalizar colores, eliminar u ocultar bloques de contenido que pueden no ser relevantes en un principio o como está organizada la información no sería recomendable utilizarlo. En este paso es importante aclarar que en las versiones gratuitas este puede ser el caso pero las pagas si deben permitirlo. Existen temas por categorías, es decir de galerías de imágenes, de contenido, de tienda web, etc. es recomendable ver las diferentes características antes de decirse por un tema específico.
5. Probar el tema gratuito por un tiempo y medir los resultados antes de comprar la versión pro. Esto lo sugiero ya que es mejor haber probado y tener la certeza de que el tema elegido es el adecuado antes de invertir dinero en el tema. Los temas que he visto tienen precios desde los USD 40 hasta USD 70 y el promedio es de USD 60. Algunos temas pueden ser más costosos pero es debido a las opciones que presentan. Para un sitio web básico el rango anterior está bien.

Una vez elegido el tema es momento de instalarlo en nuestro sitio. A continuación las indicaciones para esto.

5. Instalar el tema seleccionado en tu WordPress.

Habiendo ya elegido el tema se debe proceder a instalarlo en nuestro sitio web. Este proceso es similar a adjuntar un archivo y existen varios tutoriales que guían el paso a paso para realizarlo. Es muy importante tener en cuenta que en este paso se instala un archivo que contiene en su totalidad la forma como se verá el sitio web pero sin la información particular de nuestro producto o servicio por lo que solo con instalar el tema estaremos en un 30% del proceso final. Generalmente los temas tienen una documentación para la instalación, sin embargo en caso que no lo encuentren o que sea confuso en este link les dejo un tutorial para desarrollar el proceso.

En el paso siguiente se cubre la parte del contenido. Es importante mencionar que una de las características más atractivas de WordPress es la cantidad de plugins que hay disponibles, estos plugins aportan diversas funciones que complementan el núcleo de WordPress y si bien el tema que eligieron debe incluir algunos pliggins muy posiblemente más adelante en el proceso se requieren otros para asegurar el funcionamiento adecuado del sitio.

6. Seleccionar textos y contenido (fotos, videos, etc.) del sitio web.

Si bien hasta este momento se tiene un sitio web con la línea gráfica definida anteriormente y se ha instalado el tema en nuestro servicio de hosting aún no se tiene el contenido de nuestro sitio web. Este es el punto más importante del proceso ya que el contenido del sitio web define la forma como se percibe nuestro producto o servicio. En mi experiencia, he encontrado sitios web de empresas con bloques de texto en latín y otros con texto genérico de las plantillas o temas utilizados. La parte del latín generalmente sucede porque los diseñadores cumplen su función de definir como se verá el sitio web pero, como es natural, no generan los textos del sitio web y en su lugar incluyen textos en latín para mostrar como se vería el texto definitivo. Generalmente se se encuentra la frase “Loren Ipsum” repetida muchas veces. Esto, además de ser confuso para el visitante genera una percepción de poca seriedad de la empresa ya que el proceso de construcción del sitio web no se ha terminado y ya el sitio está al aire. Recurro a este ejemplo para reiterar la importancia del contenido en la creación de un sitio web.

Adicional a lo comentado anteriormente el contenido generado es decir los textos, las imágenes y videos del sitio web deben estar muy bien pensados para transmitir al visitante lo que realmente se quiere transmitir y no generar confusión. Los textos deben ser claros y puntuales, las imágenes deben ser de libre uso o adquiridas con los derechos adecuados para el uso que se les dará y los videos deben ser originales y/o tener los derechos  de autor también. La originalidad es una de las características mas importantes de un sitio web y no es adecuado copar textos, fotos u otro tipo de material de otros sitios web ya que esto puede ir en detrimento del sitio y acarrear incluso problemas de tipo legal. Es muy importante resaltar que los contenidos (texto e imágenes) planeados deben corresponder con el tema elegido, generalmente el tema tiene determinados espacios para el texto y las imágenes y si esto o se tiene en cuenta es posible que la estética del sitio se dañe generando una mala experiencia del cliente lo que va en detrimento de la marco, producto o servicio que se quiera promover.

Por último, es importante tener en cuenta las palabras clave de SEO en el momento de crear el contenido para tener mejores posibilidades de que nos encuentren nuestros clientes potenciales la hacer búsquedas en diversos buscadores. SEO (Search Engine Optimization) es un acrónimo en  inglés que en español significa Optimización para Motores de Búsqueda y tiene que ver con algunos puntos específicos dentro del sitio que hacen que sea o no visible para los motores de búsqueda. El siguiente paso es el de la producción de los textos y contenido del sitio web.

7. Producción de textos y contenido (fotos, videos, etc.) del sitio web.

Como se mencionó anteriormente el contenido es una parte fundamental del sitio web, por eso se utilizan dos pasos de los 10 en este importante asunto. En el paso anterior se habló de definir los textos las imágenes y los videos u otro tipo de contenido que se incluya en el sitio web. Sin embargo, es necesario aclarar que este contenido debe ser generado por nosotros como dueños del sitio. Luego de tener clara la línea gráfica y definidos los contenidos llega la hora de generar esos contenidos, es decir escribir los textos, buscar o generar las imágenes y hacer los videos. Como se pueden dar cuenta esta tarea no es sencilla y es necesario dedicarle tiempo para poder tener un sitio web que cumpla los objetivos de negocio y el propósito de crear un sitio web.

Comencemos por los textos, en esta parte no solo se debe tener en cuenta las descripciones de los servicios y/o productos que promocionemos, sino también las etiquetas y metaetiquetas (son palabras técnicas pero con la ayuda del plugin YoastSEO se pueden editar con un par de clicks), los títulos de las páginas que componen el sitio, los textos alternativos que son las descripciones para garantizar accesibilidad, los subtítulos de las imágenes, los textos de los botones, entre otros textos que es absolutamente necesario generar para poder crear un sitio web adecuado. Si un visitante llega al sitio web y no es claro lo que se ofrece muy posiblemente termine haciendo un negocio con otra empresa que tenga esta descripción más clara y puntual. Al momento de generar los textos se debe tener mucho cuidado con la ortografía ya que muchas veces nos encontramos con errores que pueden ser imperceptibles para nosotros pero el cliente potencial los advierte y esto inmediatamente genera desconfianza en el potencial cliente. Como sugerencia tomen como referencia un sitio web que les parezca bien hecho y miren los textos que se construyeron para ese sitio web, recuerden que no se trata de duplicar contenido, ya que ente otras cosas esa practica la castigan los buscadores y adicionalmente no es una practica recomendable.

Pasando a las imágenes, existen tres opciones: 1. Crear las imágenes , es decir tomar las fotos. 2. Utilizar bancos de imágenes gratuitos que en este link les dejo un artículo del que he utilizado varias imágenes totalmente gratis. 3. Utilizar bancos de imágenes pagos como Shutterstock. Cualquiera que sea la decisión es muy importante tener en cuenta dos cosas, se debe dar el crédito al autor y debe estar relacionada la imagen con el producto o servicio que se está promocionando. En cuanto a los créditos existe algo que se llama creative commons que son derechos de autor pensados para esta era digital. Este tipo de herramientas seguro harán más fácil el trabajo y evitarán problemas de derechos de autor en el futuro.

En cuanto a los videos, este es quizás el que más tiempo puede tomar y el aspecto que más recursos puede consumir. Para la creación de un video es necesario definir una historia para contar, basarse en esa historia para crear un guión, realizar el storyboard  y realizar el video. En este punto se debe tomar la decisión de hacer el video animado o no animado, actualmente existen herramientas tanto gratuitas como de pago que se pueden utilizar y en este link te dejo un listado de las herramientas. Mi sugerencia es hacerlo animado por dos razones fundamentales: 1. Es mas vistoso para la audiencia y 2. es más sencillo en mi experiencia. Como ultimo consejo es muy importante tener en cuenta el tono, la voz, la personalidad y el propósito de los textos que se produzcan, las imágenes que se elijan y los videos que se realicen ya que todo el contenido del sitio web debe guardar una armonía entre si para lograr los objetivos planteados. Una ves creado el contenido es hora de personalizar el tema para tener casi listo el sitio web.

8. Personalizar el tema con el contenido generado.

Al generar el contenido se tiene una gran parte del proceso avanzado y ahora es momento de personalizar el tema con este contenido. Este paso requiere de la documentación propia del tema y de lo que se tenga pensado para el sitio web, muchos temas tienen testimoniales, clientes, contacto entre otros aspectos, el objetivo acá es el de volcar todo el contenido producido en el paso anterior en el tema elegido. Sin embargo esto es solo 50% del trabajo ya que el otro 50% es personalizar el tema, esto quiere decir aplicar los colores que se elijan para la marca, el producto o servicio, activar los plugins necesarios como contact form 7 para capturar datos de usuarios y otros que se requieran para el optimo funcionamiento del sitio web una vez entre en producción.

Mi sugerencia es realizar el paso anterior y este al mismo tiempo o en paralelo de forma que se vaya generando el contenido a medida que se personaliza el tema. De esta forma se evitarán producciones innecesarias y se enfocará la energía a realizar contenido que se ajuste a los requerimientos del tema. Como se darán cuenta este es proceso iterativo ya que a medida que se descubren funcionalidades del tema se pueden requerir más contenidos y el objetivo es tener un sitio web único utilizando los temas personalizables y el contenido. Asegúrense de identificar en el tema lo que puede o no ser sujeto de personalización ya que si hay algo que no lo es, ajustarlo a nuestras necesidades requerirá de desarrollos adicionales que pueden costar dinero o que no sea posible realizar. Los foros de ayuda pueden ser una buena opción si tiene dudas en este paso.

Al terminar esta paso ya se tendrá el 90% del sitio web, sin embargo el 10% que falta es de suma importancia ya que permitirá conocer si el sitio web que se creó está alcanzando los resultados deseados.

9. Incluir el código de seguimiento de Google Analytics.

En este paso es posible requerir algún tipo de ayuda técnica debido a que es necesario interactuar con aplicaciones de terceros, en este blog post hay algunos links pero si no te sientes seguro de hacerlo es mejor que solicites ayuda de un experto para esto. En mi caso particular necesité de ayuda para realizarlo.

Al inicio se habló de los objetivos de crear un sitio web y en este paso es donde de muestran las herramientas para verificar si los objetivos se están cumpliendo o no. Los avances tecnológicos y el desarrollo de internet como motor de la economía permiten conocer datos que antes no teníamos y en muy corto tiempo. Esto lo que quiere decir es que ahora se puede evaluar el desempeño de una acción digital casi que en tiempo real. Si el objetivo es generar más visitas al sitio web se puede analizar esto de forma rápida y muy acertada o si el objetivo es el de lograr consolidar una base de datos esto se puede medir siempre y cuando se utilicen las herramientas adecuadas.

En este punto las herramientas las provee google por medio de dos de sus servicios gratuitos: Google Analytics y Google Tag Manager. El primero es un servicio que permite medir el volumen de visitas nuestro sitio web y otras medidas importantes para validar el desempeño del sitio web y el segundo es un servicio que permite manejar etiquetas en diferentes sitios y para diferentes aplicaciones. Este componente es un poco técnico aunque la buena noticia es que gracias a Google Tag manager esta tarea se simplifica. Para poder monitorear el comportamiento de los visitantes a nuestro sitio web se requiere lo siguiente: 1. Una cuenta en Google Analytics, 2. Tener acceso a la configuración del sitio web que estamos creando tanto el hosting como el panel de wordpress (estas credenciales las deben recordar ya que serán de uso constante). 3. Configurar google analytics y 4 Configurar Google Tag Manager.

Si bien el proceso anterior no es tan automático como los pasos que se han descrito hasta ahora, existen ayudas gratuitas que pueden solucionar las principales dudas, como por ejemplo este curso de Google Analytics para principiantes, en caso de no encontrar respuesta a las dudas una búsqueda en google puede ayudar bastante, es importante mencionar que los materiales en su mayoría se encuentran en inglés. Una vez se haya relizado este paso se puede proceder a la publicación del sitio web.

10. Publicar el sitio web.

Luego de haber seguido los pasos anteriores este es quizá el mas sencillo, en la barra superior de su consola de WordPress aparecerá una nota que dice que el sitio no ha sido publicado. Luego de revisar que el contenido esté bien escrito, sin errores de ortografía ni de formato y que se tengan todos los requerimientos antes mencionados se debe dar click en publicar sitio (generalmente al lado de la nota que advierte que el sitio no está publicado). Una vez se da click ahí el sitio web queda publico y lo puedes probar escribiendo la dirección del sitio web en el explorador. Es posible que si lo buscas en google no este todavía por que es un sito nuevo, sin embargo es necesario revisar que no se esté bloqueando el acceso a los robots de los buscadores. Esto me ocurrió a mi y la forma de solucionarlo es por medio de la instalación del plugin VirtualRobots.txt. Al activarlo se podrá ver en Google siempre y cuando se busque con el nombre de dominio ya que si se busca con las palabras clave de SEO no está posicionado todavía  ya que este es un esfuerzo adicional que toma un tiempo desarrollar y que en Pacte.co podemos ayudarte a desarrollar.

Acá ya tendrás tu sitio web al aire y ahora el trabajo es incrementar el tráfico a tu sitio web, generar bases de datos, generar ventas. Recuerda que un sitio web que no está enmarcado en una estrategia digital no ayudará a cumplir los objetivos de negocio ya que estará desarticulado de la estrategia general y no aportará dividendos. En Pacte.co diseñamos estrategias digitales que incluyen sitio web, redes sociales y los demás elementos de presencia digital para garantizar la generación de oportunidades de negocio con el uso de herramientas digitales.