15 cosas que debes comprobar antes de comprar una plantilla de Squarespace

Una de las mejores ventajas de Squarespace es la flexibilidad que te ofrecen sus plantillas. Los temas de Squarespace incluyen un sinfín de opciones avanzadas de diseño, maquetación y funcionalidad, todas ellas incluidas de serie en el precio que pagas por acceder a la plataforma.

El problema es que, incluso dentro de esa flexibilidad, se echa en falta cierta originalidad. Hay docenas de plantillas, con muchas opciones de personalización disponibles, pero también hay millones de usuarios de Squarespace. Puede resultar difícil sentir que tienes algo verdaderamente único cuando trabajas dentro de este marco.

Esta es una de las principales razones por las que la gente suele buscar temas de terceros: para encontrar algo más exclusivo para ellos. He escrito una guía sobre si es o no una buena idea comprar un tema de Squarespace, así que échale un vistazo si aún no estás convencido.

Ahora bien, si has decidido que quieres comprar un tema a un desarrollador para instalarlo en tu página web, ¡genial! Hay un montón de opciones excelentes disponibles. Sin embargo, antes de comprar uno, hay algunas cosas que quizá te interese comprobar. Por suerte para ti, he elaborado una lista de comprobación que puedes utilizar.

1: Versión de Squarespace

En primer lugar, comprueba qué versión de Squarespace utiliza la plantilla. Squarespace 7.0 es más restrictiva que la 7.1, y tendrás que elegir la plantilla base adecuada para poder personalizarla con una plantilla de pago que permita editarla. Además, esto dificulta el cambio a otra plantilla en el futuro.

Por suerte, la mayoría de las plantillas de Squarespace se basan en la familia Brine 7.0 (que es la familia de plantillas más popular y flexible) o en la 7.1. De hecho, a día de hoy, casi todas son plantillas 7.1. La versión 7.1 es sencillamente demasiado flexible y personalizable como para que los desarrolladores se limiten a las familias 7.0.

Si la plantilla no indica qué versión utiliza, quizá tengas que preguntárselo directamente al desarrollador. Otra opción es simplemente descartarla, ya que es poco probable que un desarrollador que omite información tan importante como esa cree una plantilla lo suficientemente sólida para una empresa o un bloguero que se lo tome en serio.

2: Enfoque en el tipo de sitio

Cuando entras en Squarespace para registrar una página web, te preguntan qué tipo de página tienes pensado crear. ¿Un blog? ¿Un portafolio? ¿Una tienda? ¿Una página de servicios? Para cada una de estas opciones, te recomiendan diferentes plantillas con características principales distintas. Una puede tener un diseño en cuadrícula o en bloques más centrado en las imágenes, mientras que otra puede dar más importancia al contenido escrito y a las páginas de productos.

Lo mismo ocurre con las plantillas de terceros. ¿Cuál es el enfoque de la plantilla? ¿Para qué tipo de sitio web está diseñada principalmente? Las características que, bueno, se incluyen en una plantilla para un blog de moda serán diferentes de las de un portafolio de un artista, que a su vez serán diferentes de las de un blog de un redactor de contenidos. Asegúrate de saber qué tipo de sitio web estás creando y qué características, maquetación y elementos de diseño quieres antes de elegir una plantilla.

PLANTILLAS DE SQUARESPACE POR CATEGORÍA

3: Elección de fuentes y opciones

La elección de la tipografía se puede personalizar en una página web, pero fíjate en la selección y la presentación que ha creado la persona que ha diseñado la plantilla. ¿Te parece que queda bien? ¿Presenta algún problema que, si utilizas la plantilla tal cual, pueda empeorar la experiencia de usuario en tu página web? Algunas cosas que he observado:

  • La letra es demasiado pequeña. Un tamaño de letra pequeño dificulta la lectura en los dispositivos modernos y ofrece una mala experiencia de usuario.

  • Un mal espaciado entre caracteres, entre líneas o separación. Si las letras se superponen unas sobre otras, puede resultar difícil de leer.

  • Mala elección de colores y escaso contraste entre el texto y el fondo. Utiliza una herramienta de comprobación de contraste si no estás seguro. Una vez más, esto puede dificultar la lectura del texto.

¿Para qué molestarse en comprobar esto si se puede cambiar? Pues bien, todos estos son elementos relacionados con el SEO y la experiencia del usuario, aspectos que le importan a Google. Si tu plantilla base no tiene en cuenta estos aspectos del SEO, ¿qué otros aspectos ocultos está pasando por alto o le faltan?

4: Ubicación y tamaño de la imagen

Puede resultar tentador fijarse en las imágenes de la página de demostración de una plantilla y darlas por representativas, pero el desarrollador habrá elegido imágenes que quedan bien. ¿Y TUS imágenes? ¿Encajarán ahí? Piensa en el esquema de diseño de la web. ¿Están las imágenes en lugares que puedas utilizar y disfrutar de forma habitual, o preferirías que estuvieran en otro sitio o con otra alineación?

Aquí tienes un truco avanzado que puedes probar si ya tienes una página web con imágenes. Entra en tu sitio web, elige una imagen y copia la URL de origen, que tendrá un aspecto similar a «https://images.squarespace-cdn.com/content/v1/558ae872e4b06e5cac195ad7/1630661870943-UNUB68XOG5JJPDDEQHRF/Shipstation+Logo.jpg». A continuación, ve a la plantilla de demostración.

En la demo, utiliza el inspector de elementos de Chrome o Firefox para ver el código. Busca una imagen y haz doble clic en el fragmento de código que muestra la URL de la imagen. Sustituye esa URL por la tuya. De este modo, la imagen se sustituirá por la tuya (en tu copia local; esto no afecta a la versión de demostración y el desarrollador nunca sabrá que lo has hecho), para que puedas ver cómo queda. ¿Te gusta el resultado?

5: Compatibilidad con páginas personalizadas

Squarespace te permite crear páginas que no se ajustan del todo a los diseños habituales de sus plantillas. ¿En qué medida es compatible la plantilla con esos tipos de páginas personalizadas? ¿La demostración que ofrece el desarrollador muestra más de una, o solo muestra las plantillas predeterminadas? La principal preocupación en este caso es que ciertos elementos no tengan estilo, lo que puede suponer un problema si quieres utilizar esos tipos de páginas.

6: Funciones relacionadas con la experiencia del usuario

Hay muchos pequeños detalles de la experiencia de usuario que es importante tener en cuenta por motivos de SEO, usabilidad y experiencia de usuario en general. Uno de los que me parece muy útil es la barra de navegación fija. Lo ideal es que tus usuarios siempre puedan orientarse en tu sitio web, por lo que hacer que la barra de navegación permanezca fija en la parte superior suele ser una gran idea. Por supuesto, también hay muchas otras opciones; ten en cuenta las mejores prácticas en materia de experiencia de usuario.

7: Estilismo integral

En mi entrada sobre las plantillas de pago mencioné que un problema habitual que observo es que algunos de los elementos menos utilizados de una página no están totalmente personalizados. Por ejemplo, quizá utilices subtítulos H3 en el contenido de tu blog. ¿La página que estás viendo los personaliza o se limita al H2? ¿Y qué hay de los enlaces? ¿Están personalizados o se muestran con el estilo predeterminado del navegador? Hay muchos pequeños elementos que deben tener un estilo propio en una web, y si una plantilla personalizada no lo hace, tendrás que hacerlo tú mismo para cubrir todas las posibilidades. Además, se plantea el mismo problema que antes: si el desarrollador no les ha aplicado un estilo, ¿en qué otras cosas no habrá pensado?

8: Función móvil

Todas las plantillas de Squarespace se basan en la arquitectura central de Squarespace, lo que significa que todas cuentan con un diseño adaptado a dispositivos móviles de forma predeterminada. Sin embargo, eso no significa que el desarrollador se haya esforzado en que tenga un buen aspecto o que le haya prestado atención a ello.

Prueba a cambiar el tamaño de la ventana del navegador. ¿Qué elementos desaparecen según la escala? ¿Cómo se ve con las resoluciones habituales de las tabletas y los móviles? También puedes abrir la demostración en tu dispositivo móvil para ver cómo funciona. 

9: Temas de la competencia

Aquí tienes una idea en la que quizá no hayas pensado. En lugar de fijarte en la plantilla que te interesa, fíjate en tus competidores. ¿Qué plantillas utilizan? ¿En qué se diferencia la plantilla personalizada que has elegido de las suyas? Tu objetivo es destacar, sin dejar de tener una web muy funcional, útil y bien diseñada. Si pagas por una plantilla pero te das cuenta de que es muy similar a las que utilizan tus competidores, dará la impresión de que estás intentando copiarlos. 

10: Reseñas o menciones

Siempre recomiendo consultar las opiniones sobre cualquier producto que estés pensando en comprar, sobre todo si forma parte de las funciones básicas de tu página web, negocio o blog. 

Por desgracia, muchos desarrolladores tienen páginas de tienda para sus plantillas que no incluyen secciones de comentarios ni reseñas, por lo que no vas a poder encontrar nada en su sitio web. Mi recomendación, en ese caso, es que simplemente busques el nombre del desarrollador y/o el nombre de la plantilla. Utiliza el símbolo «–» para filtrar el sitio web del desarrollador y cualquier otro sitio que se dedique únicamente a revender en lugar de a publicar reseñas. En concreto, busca foros web, comentarios en blogs y menciones en Reddit, ya que es más probable que en ellos encuentres comentarios relevantes sobre la plantilla.

Muchas veces no encontrarás nada relevante, y no pasa nada. No es que estés buscando necesariamente críticas muy positivas. Lo que quieres es ver si hay algún problema o queja recurrente que la gente mencione.

11: 404 Personalización de la página

La página 404 es otro de esos elementos de una web que se pasan por alto fácilmente. ¿Ofrece la plantilla una página 404 personalizada o personalizable? Debería hacerlo. A menos que tengas pensado hacer una redirección general, lo cual, de todos modos, no suele ser la mejor idea desde el punto de vista del SEO. No tiene por qué ser necesariamente una página 404 «GENIAL», ya que, con suerte, no se verá muy a menudo, pero si alguien llega a ella, querrás que tenga una buena experiencia de todos modos.

12: Tiempos de carga de las páginas y Core Web Vitals

Este tema es complicado. La velocidad del sitio web, los tiempos de carga y los «Core Web Vitals» forman parte de la apuesta actual de Google por la experiencia del usuario, la usabilidad y una Internet de carga rápida. Se están convirtiendo en aspectos cada vez más importantes del SEO, lo que significa que son sumamente relevantes.

El problema es que resulta difícil evaluarlas basándose en una página de demostración de un desarrollador. Por ejemplo, es posible que su página sea una simulación. No obstante, sí que puedes someterla a las comprobaciones de Core Web Vitals y PageSpeed.

Ten en cuenta que parte de esto dependerá del servicio de alojamiento de la web y que tu caso puede ser diferente. Aun así, puede merecer la pena comprobarlo. Quizá también te interese comprobar el tamaño de los archivos de las páginas que carga la plantilla, por si acaso están excesivamente inflados de alguna manera. Hay algunos desarrolladores que se specializan en crear sitios web muy bonitos, pero que son tremendamente ineficientes y están muy inflados. ¡Ten cuidado!

13: Asistencia a desarrolladores

Si tienes algún problema con la plantilla, ya sea a la hora de instalarla, una duda sobre un tipo de página o instrucciones sobre cómo modificar un elemento, ¿cómo puedes obtener asistencia? ¿Ofrece el desarrollador asistencia y, en caso afirmativo, qué canales utiliza? 

Y lo que es más importante, ¿qué capacidad de respuesta tiene el servicio de asistencia? Un truco que recomiendo es plantearse una pregunta sencilla y razonable sobre la plantilla (algo como «Hola, ¿tu plantilla admite la página personalizada X?» o similar) y enviar un correo electrónico al desarrollador para ver cuánto tarda en responder. Es cierto que, si lo ofrecen de esta forma, no podrás acceder a su servicio de asistencia prioritaria, pero aun así puede ser un buen indicador de su disponibilidad en caso de que los necesites.

14: Errores de script

Antes he mencionado la herramienta de inspección. Pues bien, los navegadores modernos incorporan muchas herramientas que pueden ayudarte a identificar qué ocurre entre bastidores en una página web. Una de ellas, que puede resultar muy importante, es la consola. 

Carga la demo de la plantilla, haz clic en «Inspeccionar» y, a continuación, en «Consola». Así podrás ver los registros de los scripts que se están ejecutando, así como todas las llamadas y respuestas habituales del navegador. Busca errores en este registro. ¿Hay algún script que genere errores o que no funcione correctamente? Es posible que la plantilla tenga problemas de compatibilidad o de ejecución de scripts, y eso podría dar una mala imagen de ti si la utilizas.

Asegúrate de desactivar cualquier bloqueador de scripts o de anuncios (o cualquier otra función de tu navegador que pueda interferir con la plantilla) antes de probar esto, para descartar que el problema se deba realmente a tu equipo.

15: Precio

Seamos sinceros: a veces lo único que importa es el precio, siempre y cuando la plantilla tenga buen aspecto. Según mi experiencia, la mayoría de las plantillas de pago cuestan entre 150 y 300 dólares por licencia. Compara diferentes plantillas para ver qué incluye ese precio. Si el precio es inferior a eso, intenta averiguar por qué. ¿Qué es lo que se están dejando fuera? Por el contrario, si el precio es más alto, ¿por qué cobran más? ¿Ofrecen algo que justifique ese precio o simplemente están intentando sacar todo el provecho posible?

Lo ideal es que revises esta lista de verificación en una plantilla antes de comprarla; si supera todas las comprobaciones, puedes estar bastante seguro de que es una buena opción. O, si lo prefieres, puedes echar un vistazo a mi selección, ya que yo ya he hecho el trabajo por ti. ¡Que disfrutes de tus compras!

Omari Harebin

Omari Harebin es el fundador de SQSPThemes, uno de los recursos independientes sobre Squarespace más veteranos de la red. Durante más de una década, ha ayudado a otras personas a crear y hacer crecer sus proyectos en Squarespace. En la actualidad, su trabajo se centra en ayudar a los diseñadores independientes de Squarespace a consolidar sus negocios, conseguir mejores proyectos y situarse en un segmento de mercado más exclusivo.

https://www.omariharebin.com
Anterior
Anterior

Squarespace Fluid Engine: ¡lo que necesitas saber!

Siguiente
Siguiente

Cómo añadir tus productos de Squarespace al catálogo de Pinterest