Cómo crear un sitio web de una página con cualquier tema de WordPress

Recibimos muchas preguntas sobre cómo hacer un sitio web de una página o si vendemos temas de WordPress de una página. Permítanme responder a estas dos preguntas desde el principio. Cada tema de WordPress puede ser un sitio web de una página y te mostraré lo simple que es.

¿Qué es un sitio web de una página?

Un sitio web de una página no es más que un sitio web con todo el contenido esencial en una sola página, generalmente la página de inicio.

Lo utilizan principalmente las empresas que desean promocionar un solo producto o un servicio de manera clara y directa . Algunos ejemplos son mostrar una cartera a sus clientes, organizar un evento o iniciar un nuevo negocio.

Cuando esté en un sitio web de una página, un clic en los enlaces de navegación no lo enviará a una nueva página, sino que saltará o se desplazará hacia abajo en la misma página a la sección de contenido conectada con el enlace. Esto puede hacer que la experiencia del usuario sea mucho mejor y aumenta la participación del usuario.

Hay muchos temas de WordPress de una página disponibles en línea, pero como ya he dicho, podemos convertir cualquier tema en un paginador con solo un poco de trabajo.

¿Cómo crear un sitio web de una página con WordPress?

Enlaces ancla

Para un sitio web básico de una página, todo lo que necesitamos es un menú , contenido y enlaces de anclaje . Creo que todos saben lo que hacen el menú y el contenido, así que hablemos un poco sobre los enlaces ancla. Los enlaces de anclaje se crean a partir de un enlace normal, que apunta al ancla y al ancla misma. Los enlaces que apuntan al ancla son enlaces normales, que comienzan con el carácter # . Y el ancla en sí es un lugar específico en algún lugar de tu página. Echemos un vistazo a un ejemplo simple.

Este es nuestro enlace en el menú que apunta al ancla:

 <a href="#middle">Go to the middle</a>

Y este es nuestro contenido con el ancla en sí:

 <h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>

En este caso, #middle es nuestro enlace ancla e id=”middle” es nuestra ancla. Cuando hagamos clic en el enlace "Ir al medio" saltaremos a nuestro ancla con el título "Mitad de la página". ¡Eso es! Así es como podemos hacer el sitio web más básico de una página. Puede agregar tantos anclajes como desee en su sitio web. Tomemos nuestro conocimiento recién adquirido y usémoslo en un sitio de WordPress.

Crear enlaces de anclaje con el menú de WordPress

Solo para este propósito, ya hice un sitio web simple de una página con nuestro tema GrowthPress, que será nuestro ejemplo práctico. En primer lugar, creé una nueva página y agregué algo de contenido. El contenido consta solo de algunos párrafos y títulos. Podemos agregar anclas en casi cualquier elemento HTML, pero en nuestro caso, lo agregaremos a todos los títulos del contenido.

Puede ver en la captura de pantalla que para editar HTML del contenido, necesitaremos cambiar el editor de Visual a Texto. Ahora podemos ver todas las etiquetas HTML en nuestro contenido. En nuestro caso, todos los títulos usan la etiqueta <h2> y los usaremos para agregar anclas. Al igual que en la captura de pantalla anterior, deberá agregar una identificación con el ancla en esas etiquetas. Por ejemplo: <h2 id=”our-anchor”>Some Title</h2> . Tenga en cuenta que los anclajes se escriben sin # , pero todos los enlaces de anclaje deben comenzar con # . Una vez que agregamos todos los anclajes en nuestro contenido, podemos conectarlos con enlaces de anclaje.

Si está familiarizado con WordPress, sabrá que podemos cambiar los enlaces del menú en wp-admin -> Apariencia -> Menús y aquí es exactamente donde creamos nuestros enlaces de anclaje.

En la captura de pantalla, puede ver que seleccioné Enlaces personalizados y, en lugar de la URL clásica, agregué el enlace ancla #about-us . Un clic en ese enlace ahora saltará a nuestro ancla id=”about-us” en el contenido. Una vez que agregamos todos los enlaces de anclaje, nuestro sitio web simple de una página está terminado. ¡Haga clic en los enlaces recién creados y compruébelo usted mismo!

Desplazamiento suave

Sí, estoy totalmente de acuerdo, el sitio web de una página que hicimos hasta ahora es excelente, pero esos saltos instantáneos no son tan impresionantes como el desplazamiento suave, ¿verdad? Para lograr un desplazamiento suave, necesitaremos agregar un poco de código javascript a nuestro sitio web.

La mayoría de los temas premium tienen algún tipo de campo para agregar código personalizado. Por ejemplo, en nuestros temas, puede ir a wp-admin -> Personalizador -> Opciones de tema -> Código personalizado, donde encontrará los campos que puede usar para agregar código personalizado como lo haremos ahora.

Si su tema no tiene un lugar para el código personalizado, puede usar un complemento adecuado. Recomendaría el complemento Insertar encabezados y pies de página de AprenderWP. Una vez que haya activado el complemento, encontrará campos para agregar código personalizado en wp-admin -> Configuración -> Insertar encabezados y pies de página.

Pegue el código a continuación en uno de los campos (recomendamos usar scripts en la configuración del pie de página) y ahora tiene un desplazamiento suave en sus enlaces de anclaje. ¡Felicidades! ¡Acabas de crear un sitio web de una página con cualquier tema de WordPress!

 <script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>

El código anterior animará el efecto de desplazamiento cuando haga clic en un enlace de anclaje y también actualizará la URL actual del navegador para reflejar el enlace de anclaje en el que se hizo clic. Compruebe nuestro resultado final en el sitio web terminado de una página.

¿Cómo configurar el desplazamiento para un desplazamiento suave?

En caso de que haya arreglado el menú fijo, recomendaría establecer también el desplazamiento, de modo que el inicio del contenido comience debajo de su menú fijo. Para lograr eso necesitarás editar esta línea de código:

 $('html, body').animate({ scrollTop: target.offset().top}, 1000);

Lo único que tenemos que hacer aquí es agregar un valor de nuestro desplazamiento. Debe ser al menos tan grande como la altura de su menú fijo fijo.

 $('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);

Con eso, evitaremos un problema donde el inicio de su contenido se esconde detrás del menú.

Ventajas de los sitios web de una página

Ahora que sabe cómo crear un sitio web de una página, repasemos las ventajas de usar un sitio web de una página.

Los sitios web de una página brindan una mejor experiencia de usuario móvil

Los sitios web de una página consisten en una sola página de desplazamiento largo que es perfecta para la visualización móvil. Piensa en Facebook y su sección de noticias. No puedes evitar seguir desplazándote por la madriguera del conejo. Un sitio web de una página está diseñado para hacer precisamente eso y el desplazamiento continuo se presta perfectamente a los dispositivos móviles.

Dada la cantidad limitada de espacio en pantalla en los dispositivos móviles, es mucho más fácil seguir desplazándose hacia abajo que averiguar dónde se esconde el menú y luego hacer clic en el enlace correcto para ir a la página siguiente de su sitio web. En otras palabras, un sitio web de una página brindará una excelente experiencia de usuario a cualquier persona que visite su sitio web en su dispositivo móvil.

Los sitios web de una página requieren menos texto

Un sitio web tradicional de varias páginas requiere mucho texto para que no se vea demasiado vacío o, peor aún, sin terminar. Compare eso con los sitios web de una página que se verán desordenados y abrumadores si tiene demasiado contenido. Como tal, querrá mantener su copia al mínimo y usar oraciones y párrafos cortos para transmitir la información más importante.

Otro beneficio de este enfoque es el hecho de que escribir una copia puede ser una de las tareas más abrumadoras asociadas con el lanzamiento de un sitio web. Un sitio web de una página podría ser una excelente opción si no tiene la copia de su sitio web completamente desarrollada.

Los sitios web de una página funcionan bien con imágenes

Las imágenes pueden hacer maravillas para cualquier tipo de sitio web, incluidos los sitios web de una página. De hecho, cuando usa imágenes combinadas con el efecto de paralaje, puede producir un efecto visualmente atractivo en su sitio web.

Incluso si decide no usar el efecto de paralaje, aún puede usar imágenes de manera efectiva en un sitio web de una página. Puede usarlos para diferenciar entre diferentes secciones, sin mencionar compartir galerías de fotos o imágenes de cartera.

También puede aprovechar las imágenes para impulsar el SEO de su sitio web, ya que las imágenes tienden a aparecer en los resultados de los motores de búsqueda cuando se optimizan correctamente. Como tal, asegúrese de agregar nombres a sus imágenes usando títulos descriptivos y agregue etiquetas alt a cada imagen que agregue a su sitio.

Los sitios web de una página pueden aumentar la participación y las conversiones de los usuarios

Según un estudio, un sitio web de una página puede generar conversiones más altas en comparación con su contraparte de varias páginas. La razón detrás de esto es simple: un sitio web de una página generalmente está muy enfocado y diseñado para que los visitantes tomen medidas.

Tiene un mensaje más enfocado y es más fácil que tus visitantes entiendan lo que quieres que hagan cuando lleguen al final de la página.

Cuando solo tiene una opción, es fácil hacer clic en ese botón o llamar a la acción en lugar de ir de una página a otra preguntándose qué debe hacer a continuación.

Los sitios web de una página son más fáciles de navegar

También vale la pena mencionar que los sitios web de una página son más fáciles de navegar. Dado que todo está en una página, es muy difícil perderse y encontrar el camino de regreso al principio, especialmente en dispositivos móviles.

Si bien puede usar enlaces de anclaje para saltar a diferentes secciones de la página (como se muestra en este artículo), es igual de fácil desplazarse hacia arriba o hacia abajo y encontrar la sección que desea.

Además de eso, un sitio web de una página bien diseñado lleva al visitante a un viaje que cuenta la historia de su negocio o marca de manera lógica.

Los sitios web de una página facilitan la orientación a un público específico

Como se mencionó anteriormente, los sitios web de una sola página están diseñados para que los visitantes tomen medidas. Puede usar esto a su favor y dirigirse a un público muy específico que está listo para dar el siguiente paso. Al guiarlos a través de las diferentes secciones de su sitio web, puede presentar su producto o servicio, mostrarles cómo resuelve su problema y ofrecerles la solución en forma de llamada a la acción.

Este enfoque funciona muy bien cuando se dirige a una palabra clave o audiencia muy específica que ya sabe que tiene un problema particular y está buscando la solución.

Contras de usar un sitio web de una sola página

Con los profesionales fuera del camino, echemos un vistazo a algunas de las desventajas de usar un sitio web de una página.

Será más difícil analizar los datos de Google Analytics

A estas alturas, probablemente sepa que Google Analytics puede brindarle un montón de información útil sobre los visitantes de su sitio web. Una vez instalado en su sitio, puede ver qué páginas son populares, qué publicaciones atraen nuevos visitantes y qué páginas necesitan optimizarse para que las personas permanezcan más tiempo en su sitio.

Con un sitio web de una página, está limitado a una sola página. Sus visitantes aterrizan en la misma página y terminan en la misma página, lo que hace que sea más difícil saber qué partes de su sitio web deben mejorarse. Si decide seguir la ruta del sitio web de una página, asegúrese de registrarse en una herramienta como Hotjar para obtener un mapa de calor visual de cómo las personas usan su sitio web.

Compartir su sitio web en las redes sociales es más complicado

Con un sitio web de una página, solo tiene una URL para compartir en las redes sociales. Esto puede volverse repetitivo rápidamente, sin mencionar que no brinda muchas oportunidades para enviar a las personas a diferentes partes de su sitio web para encontrar respuestas a su problema. Una vez que comparte su URL principal, se comparte todo su sitio web en lugar de una página o sección en particular, como puede hacer con un sitio web de varias páginas.

Una solución sencilla sería incorporar un blog en su sitio web donde pueda compartir contenido útil y útil que atraiga a su audiencia. Esto hace que sea más fácil compartir su sitio web en las redes sociales y al mismo tiempo mantener la mayor parte de la información condensada en una sola página. .

El sitio web de una página puede tardar más en cargarse

Según el tamaño de su sitio web de una página y el tipo de contenido que comparte, tenga en cuenta el hecho de que su sitio web puede tardar más en cargarse.

En términos generales, los sitios web de una página tienden a ser bastante livianos, sin embargo, si tiene muchas imágenes que no están optimizadas para la web, experimentará tiempos de carga lentos. Lo mismo se aplica si tiene mucho contenido de video en su sitio.

Como tal, es importante guardar sus imágenes en el formato adecuado y comprimir su tamaño antes de agregarlas a su sitio. Otra cosa a considerar es usar la carga diferida para imágenes y videos para que se carguen cuando el usuario se desplaza hacia abajo a esa sección particular de su sitio en lugar de cargarlos de inmediato.

Está limitado con la orientación por palabra clave

Un sitio web de una sola página no le brindará muchas oportunidades para orientar varias palabras clave. Con un sitio web de varias páginas, puede tener una página separada para cada palabra clave que intenta orientar. Un sitio web de una página no funciona de la misma manera.

Los sitios web de una página, como se menciona en la sección de ventajas, están diseñados con un propósito y una audiencia específicos en mente. Eso generalmente se traduce en apuntar a una palabra clave específica y sus variaciones, lo que significa que es mejor crear un sitio web de varias páginas si necesita apuntar a varias palabras clave distintas.

Si bien no existe una regla que diga que no puede incorporar más de una palabra clave distinta por página, no podrá optimizar su página adecuadamente, especialmente si tiene en cuenta que la copia ligera funciona mejor con sitios web de una página.

No puedes usar tácticas avanzadas de SEO

Hablando de SEO, un sitio web de una sola página no le permite utilizar tácticas avanzadas de SEO conocidas como silos. Siloing se refiere a la práctica de estructurar su sitio web en áreas principales de interés para que pueda demostrar su autoridad en esas áreas. En términos sencillos, es la práctica de crear categorías y subcategorías para organizar su contenido.

El principal beneficio de la creación de silos es que abre posibilidades de clasificación para una multitud de palabras clave y frases de palabras clave que cubren casi todas las preguntas que un visitante interesado pueda tener, así como también cubren todas las posibles objeciones.

Si bien los sitios web de varias páginas sobresalen en esto, los sitios web de una página rápidamente se volverían demasiado abrumadores y desordenados, dejando a su audiencia frustrada.

Los sitios web de una página pueden carecer de detalles

Por último, debido a textos y mensajes breves y concisos, es posible que los sitios web de una sola página no proporcionen a sus visitantes todos los detalles necesarios. Esto puede conducir a un mayor número de correos electrónicos que solicitan aclaraciones o dejan a sus visitantes confundidos.

Puede superar este problema agregando un blog a su sitio web de una página y brindando a los visitantes contenido más detallado y respondiendo preguntas a medida que surjan.

¿Debe utilizar un sitio web de una sola página?

Como puede ver, ciertamente hay ventajas y desventajas en el uso de un sitio web de una página. Entonces, ¿cómo saber si un sitio web de una página es la opción correcta para su negocio?

Si recién está comenzando con su negocio y genera muchos negocios a través del boca a boca, un sitio web de una página le permite poner su negocio en línea sin dedicar demasiado tiempo al diseño y desarrollo.

Si, por otro lado, desea concentrarse en obtener más tráfico orgánico centrándose en SEO y si está expandiendo sus operaciones comerciales, entonces un sitio web de varias páginas sería más adecuado para usted.

Al final, es una cuestión de preferencia personal y de sus objetivos comerciales. Evalúe dónde se encuentra con su negocio y tome nota de lo que está tratando de lograr. Luego, considere los pros y los contras mencionados anteriormente antes de tomar la decisión final.

Conclusión

Realmente recibimos muchas preguntas, preguntando si tenemos algún tipo de temas de una página y creo que la situación es la misma con otros autores de temas. Este artículo debe dejar en claro que todos los temas de WordPress también se pueden usar como sitios web de una página y, si lo desea, puede cambiar su sitio web actual a uno de una página en muy poco tiempo. También cubrimos los pros y los contras de los sitios web de una página y compartimos cómo decidir si esta es la opción correcta para su sitio web.

Avíseme si el artículo lo ayudó a comprender mejor los sitios web de una página y déjeme un comentario si tiene alguna pregunta adicional .