Nos ENCANTAN las listas de verificación. Y aunque sabemos que lanzar un nuevo sitio web puede ser emocionante, también puede ser un esfuerzo estresante para cualquier persona, ya sea que tenga experiencia o no. En lugar de preocuparse por un puñado de cosas que podrían salir terriblemente mal al lanzar su sitio, ¿no sería bueno tener una lista de verificación útil para hacer referencia antes de publicarla? Estás de suerte!
Entendemos que la mayoría de los asesores financieros tienen poca o ninguna experiencia con el diseño de sitios web, lo que puede hacer que construir su propio sitio sea una idea muy intimidante. Incluso si tiene una idea básica de cómo funciona la web, a menudo puede ser costoso y llevar mucho tiempo crear un sitio web por su cuenta.
Es por eso que desarrollamos la plataforma Twenty Over Ten no solo pensando en el usuario final, sino también en el constructor, ¡tú! Nuestro intuitivo CMS (Sistema de Gestión de Contenido) le brinda las herramientas para administrar de forma autónoma su sitio web como un profesional. ¡Es fácil de usar, fácil de usar y está repleto de potentes funciones para principiantes y expertos por igual!
Lista de comprobación previa al lanzamiento
Artículo # 1 Agregar un título del sitio
La página de inicio de su sitio web es, con mucho, la página con mayor peso de todo su sitio web. Por lo tanto, es crucial que elijas un título destacado para tu nuevo sitio web. El título de su sitio web aparecerá en los resultados de búsqueda, las barras del navegador y las notificaciones de formularios. Lo entendemos: crear un título de sitio web puede ser algo aterrador. Esta es la primera cosa que los prospectos verán cuando aterricen en su sitio web.
El título de tu sitio web es tu marca. Sea claro sobre el propósito de su sitio web y tómese su tiempo para desarrollar un título de sitio bien diseñado para ayudar a su empresa de planificación financiera a destacarse de su competencia. Elegir un buen título del sitio también ayudará a decirle a los visitantes de qué se trata su sitio y qué pueden esperar encontrar una vez que aterricen en su sitio.
AGREGAR UN TÍTULO DEL SITIO:
Paso 1: Acceda a la «configuración del sitio» desde la parte inferior de la barra lateral.
Paso 2 (cargar un archivo de logotipo): Utilice el botón «cargar logotipo» para importar un archivo. .svg, .png, or .se prefieren los tipos de archivo jpeg.
Paso 3 (Agregar un logotipo): Si no tiene un logotipo específico, use la herramienta «título del sitio» y escriba el nombre que desee (tenga en cuenta que esto se mostrará como su logotipo en las páginas de su sitio web).
Paso 4: Si usa la herramienta «título del sitio», use la herramienta «fuente del logotipo» para cambiar la fuente del logotipo para que coincida con su marca deseada.
Elemento # 2 Agregar títulos de página
Las etiquetas de título aparecen en la parte superior del navegador que está utilizando, y es importante tanto para la experiencia del usuario como para el SEO. Agregar y personalizar los títulos de las páginas no solo dará a los visitantes del sitio más información, sino que también puede ayudar a los motores de búsqueda como Google a obtener más información sobre las páginas de tu sitio y la información que contienen.
La etiqueta de título de una página web pretende ser una descripción precisa y concisa del contenido de una página. En el siguiente ejemplo, «Cleveland, OH / Asesora Financiera Femenina / Financiera de Vidrio» es la etiqueta de título. Desde una perspectiva SEO, las etiquetas de título deben formatearse como: Palabra Clave Primaria-Palabra Clave Secundaria / Nombre de marca. Puede ver dónde se encuentra la empresa, una palabra clave que describe al asesor o la empresa y el nombre del negocio.
PERSONALIZAR EL TÍTULO DE UNA PÁGINA:
Paso 1: Accede a tu «configuración de página» desde la barra lateral.
Paso 2: El slug de la URL de la página predeterminada estará en blanco.
Paso 3: Puede personalizar completamente su página ‘título de página del navegador’. Por ejemplo, en lugar de simplemente tener un «Nombre de empresa», puede enumerar «Nombre de empresa | Servicio a Chicago, Evanston y Oakpark» para articular aún más su ubicación geográfica a los clientes potenciales. Después de haber agregado el título de su elección, haga clic en el botón guardar.
Paso 4: Puede ver el título de su navegador personalizado en la pestaña superior de su página web.
Artículo # 3 Agrega Metadatos a Todas las Páginas & Publicaciones de blog
Las meta descripciones explican a los motores de búsqueda y buscadores de qué se trata tu sitio. Incluir meta descripciones atractivas en tu sitio a menudo puede ser el factor determinante si alguien hace clic en tu sitio o no desde la SERP (página de resultados de motores de búsqueda), especialmente si estás incluyendo palabras clave que el buscador está buscando.
Veinte Sobre Diez clientes, con visión de futuro, Wealth Management, ha hecho un gran trabajo al incluir una descripción de metadatos no solo bajo su etiqueta de título principal, sino también bajo los subtítulos.
Aquí está la trampa y donde vemos que la mayoría de los asesores se equivocan. Los metadatos deben agregarse a cada página de su sitio web. ¡Esto incluye páginas principales, páginas de destino y publicaciones de blog también!
AGREGAR METADATOS A SUS PÁGINAS WEB:
Paso 1: Accede a tu «configuración de página» desde la barra lateral.
Paso 2: Desplácese hacia abajo hasta llegar al cuadro de descripción de SEO y agregue su contenido.
Paso 3: Los metadatos deben ser una breve descripción de 1-2 frases (rica en palabras clave) del contenido que aparece en esa página en particular. Después de haber agregado el contenido de su elección, haga clic en el botón guardar.
AÑADIR METADATOS A TUS PUBLICACIONES DE BLOG:
Paso 1: Accede a tu «administrar publicaciones» desde la barra lateral (Un icono).
Paso 2: Seleccione la publicación de blog a la que desea agregar metadatos.
Paso 3: Desplácese hacia abajo hasta llegar al cuadro de descripción de SEO y agregue su contenido.
Paso 4: Los metadatos deben ser una breve descripción de 1-2 frases (rica en palabras clave) del contenido que aparece en esa publicación de blog en particular. Después de haber agregado el contenido de su elección, haga clic en el botón guardar.
Artículo # 4 Connect Forms
¿Tiene un formulario en su página de contacto? Es importante completar cada uno para asegurarse de que cada campo dentro del formulario funciona correctamente. Al hacer clic en enviar o enviar, también debe verificar que aparezca la página de confirmación o agradecimiento correcta. Por último, revisa el correo electrónico con el que te registraste para asegurarte de que tu solicitud se envió correctamente. No hay nada más enloquecedor para los visitantes de su sitio que llenar un formulario que no funciona y, como propietario de un negocio, ¡también desea asegurarse de capturar esos clientes potenciales!
AGREGAR DATOS DE FORMULARIO DE CONEXIÓN:
1) Cambiar el nombre de los campos predeterminados
Paso 1: Para editar los nombres de campo predeterminados de su formulario, primero deberá iniciar sesión y en la pantalla de edición. Desde aquí, navegue hasta la(s) página (s) con su formulario y haga clic en el contenido de su página para activar la caja de herramientas del editor:
Paso 2: Desde aquí, seleccione el icono </> de la caja de herramientas de edición:
Paso 3: Esto cambia a lo que llamamos la «Vista de código» del contenido de su página. Lo que está viendo es el código del sitio web real de esta página. Dentro de este código, encuentra dónde se encuentra tu formulario, debería verse algo como esto:
Paso 4: Para cada campo, hay dos áreas que puede cambiar para personalizar sus campos predeterminados. Este será el Texto de la etiqueta y el Nombre del campo del campo.
Texto de etiqueta: Este es el texto que los usuarios verán sobre el campo.
Nombre de campo: Es para procesar el formulario y debe estar en minúsculas y no contener espacios.
Por lo tanto, digamos que desea cambiar el campo «Teléfono» para decir «Su número de teléfono»:
<div class="form-item"> <label>Phone</label> <input class="form-control" name="contact" type="text" /></div>Para cambiar el texto de la etiqueta, busque lo siguiente:
<label>Phone</label>Que se puede cambiar a:
<label>Your Phone Number</label>A continuación, querrá cambiar el nombre del campo, busque algo como lo siguiente:
<input class="form-control" name="contact" type="text" />Dentro del código de campo, verá lo siguiente:
name="contact"El nombre del campo está entre corchetes. Así que cambiarías esto a:
name="contact"Nota: Recomendamos que coincida el texto de la etiqueta con el Nombre del campo, como en el ejemplo anterior, ya que el Nombre del campo se usa en las notificaciones por correo electrónico generadas.
Paso 5: Una vez que haya terminado, haga clic en el icono </> en la parte superior derecha de la vista de código para volver al editor visual y ver su formulario actualizado.
¡Has cambiado el nombre de tu campo de formulario con éxito! Si todo se ve bien, no olvides presionar Guardar cambios y continuar con el proceso de publicación para hacer que tus actualizaciones estén en vivo.
2) Agregar texto de una sola línea
Un campo de texto de una sola línea es útil para recopilar texto introducido por el usuario para respuestas cortas de 2 a 5 palabras (es decir. nombre de la empresa, edad, código postal, etc.)
Paso 1: Para agregar esto, primero deberá iniciar sesión y en la pantalla de edición. Desde aquí, vaya a las páginas con su formulario y haga clic en el contenido de su página para activar la caja de herramientas del editor y haga clic en el icono </> para activar la «Vista de código».
Paso 2: Dentro de este código, encuentre dónde se encuentra su formulario, debería verse algo como esto:
Paso 3: Cada campo está contenido en este código: <div class="form-item"> ... </div>, así que asegúrese de pegar el código que copió anteriormente para que caiga antes o después del código del otro campo.
Paso 4: Querrá cambiar el Texto de la etiqueta y el Nombre del campo de este campo, como se describe en la primera sección anterior.
3) Agregar texto Multilínea
Los campos de texto multilínea son excelentes para preguntas de formato largo.
Paso 1: Para agregar esto, primero deberá iniciar sesión y en la pantalla de edición. Desde aquí, vaya a las páginas con su formulario y haga clic en el contenido de su página para activar la caja de herramientas del editor y haga clic en el icono </> para activar la «Vista de código».
Paso 2: Dentro de este código, encuentre dónde se encuentra su formulario, debería verse algo como esto:
Paso 3: Cada campo está contenido dentro de este código: <div class="form-item"> ... </div>, así que asegúrese de pegar el código que copió anteriormente para que caiga antes o después del código del otro campo.
Paso 4: Querrá cambiar el Texto de la etiqueta y el Nombre del campo de este campo, como se describe en la primera sección anterior.
4) Agregar menú desplegable de selección
Los campos desplegables de selección son ideales para opciones largas y predefinidas.
Paso 1: Para agregar esto, primero deberá iniciar sesión y en la pantalla de edición. Desde aquí, vaya a las páginas con su formulario y haga clic en el contenido de su página para activar la caja de herramientas del editor y haga clic en el icono </> para activar la «Vista de código».
Paso 2: Dentro de este código, encuentra dónde se encuentra tu formulario, debería verse algo como esto:
Paso 3: Cada campo está contenido dentro de este código: <div class="form-item"> ... </div>, así que asegúrese de pegar el código que copió anteriormente para que caiga antes o después del código del otro campo.
Paso 4: Querrá cambiar el Texto de la etiqueta y el Nombre del campo de este campo, como se describe en la primera sección anterior, pero también querrá personalizar las opciones desplegables disponibles para sus usuarios. Para hacer esto, simplemente agregue o elimine lo siguiente del código que copió y pegó: <option>Option 1</option>
Notarás que el primer <option> está configurado de forma ligeramente diferente. Esta es una opción predeterminada opcional para indicar a los usuarios qué hacer, como se indica en el código disabled="disabled" y selected="selected". Siéntase libre de editar el texto de esta opción también, o elimine la opción por completo.
5) Agregar botones de opción
Los campos de botones de opción son otra excelente manera de mostrar opciones de respuesta única.
Paso 1: Para agregar esto, primero deberá iniciar sesión y en la pantalla de edición. Desde aquí, vaya a las páginas con su formulario y haga clic en el contenido de su página para activar la caja de herramientas del editor y haga clic en el icono </> para activar la «Vista de código».
Paso 2: Dentro de este código, encuentre dónde se encuentra su formulario, debería verse algo como esto:
Paso 3: Cada campo está contenido dentro de este código: <div class="form-item"> ... </div>, así que asegúrese de pegar el código que copió anteriormente para que caiga antes o después del código del otro campo:
Paso 4: Querrá cambiar el Texto de la etiqueta y el Nombre del campo de este campo, como se describe en la primera sección anterior, pero también deberá personalizar el Valor de las opciones del botón de opción y Mostrar el texto.
El Valor aquí es lo que ves como: value="1", simplemente cambia el 1 a cualquier texto que quieras mostrar en tus notificaciones por correo electrónico. El Texto de visualización es lo que ves como: Option 1, que se muestra justo antes de la etiqueta </label> de cierre. Este es el texto que verá el usuario para esta opción, cámbialo a lo que quieras.
Nota: Puede agregar / eliminar un número ilimitado de opciones de botón de opción. Para crear botones de opción adicionales en un conjunto, simplemente copie y pegue el código anterior antes o después de otras opciones y personalice el valor del botón.
Importante: Al cambiar el nombre del campo, tenga en cuenta que todos los botones de opción de un conjunto deben compartir el mismo nombre de campo. No les dé Nombres de campo diferentes a cada uno, de lo contrario, cada uno de ellos será tratado como un campo completamente diferente.
6) Agregar casillas de verificación
Las casillas de verificación son ideales para preguntas de opción múltiple.
Paso 1: Para agregar esto, primero deberá iniciar sesión y en la pantalla de edición. Desde aquí, vaya a las páginas con su formulario y haga clic en el contenido de su página para activar la caja de herramientas del editor y haga clic en el icono </> para activar la «Vista de código».
Paso 2: Dentro de este código, encuentre dónde se encuentra su formulario, debería verse algo como esto:
Paso 4: Cada campo está contenido en este código: <div class="form-item"> ... </div>, así que asegúrese de pegar el código que copió anteriormente para que caiga antes o después del código del otro campo.
Paso 4: Querrá cambiar el Texto de la etiqueta y el Nombre del campo de este campo, como se describe en la primera sección anterior, pero también deberá personalizar el Valor de las opciones de casilla de verificación y Mostrar el texto. Para hacer esto, simplemente encuentre lo siguiente dentro del código que copió y pegó:
El Valor aquí es lo que ves como: value="1", simplemente cambia el 1 a cualquier texto que quieras mostrar en tus notificaciones por correo electrónico. El Texto de la pantalla es lo que ves como: Option 1, que se muestra justo antes de la etiqueta </label> de cierre. Este es el texto que verá el usuario para esta opción, cámbialo a lo que quieras.
Artículo # 5 Agregar un Favicon
Favicon (abreviatura de icono favorito) es esencialmente un pequeño icono asociado con un sitio web en particular. Los navegadores que admiten favicons normalmente mostrarán el icono en la barra de direcciones del navegador, en los marcadores y también en el historial. Los favicones que están bien diseñados generalmente coincidirán con el logotipo de su empresa o el tema de su sitio web. Agregar un favicon a tu sitio web ofrece a los visitantes una forma rápida de reconocer tu sitio web con un solo vistazo.
Veinte sobre diez clientes, Fit Wealth Advisors tiene el icono «Ajuste» que aparece a la izquierda al vincular su nombre al motor de búsqueda.
AGREGAR un FAVICON:
Recomendamos crear un favicon que tenga un tamaño mínimo de 16x16px. Dentro de la plataforma de Veinte sobre Diez, agregar tu propio favicon es fácil. Al cargar su favicon, tenga en cuenta que se prefieren los tipos de archivo PNG o ICO.
Paso 1: Accede a la «configuración del sitio» desde la parte inferior de la barra lateral.
Paso 2 (cargar un archivo de logotipo)
Utilice el botón «cargar logotipo» para importar un archivo
Nota: .svg, .png, or .se prefieren los tipos de archivo jpeg.
Paso 3 (Agregar un logotipo): Si no tiene un logotipo específico, use la herramienta «título del sitio» y escriba el nombre que desee (tenga en cuenta que esto se mostrará como su logotipo en las páginas de su sitio web).
Paso 4: Si usa la herramienta «título del sitio», use la herramienta «fuente del logotipo» para cambiar la fuente del logotipo para que coincida con su marca deseada.
Artículo # 6 Agregar análisis
El seguimiento y la supervisión de los análisis de su sitio web es crucial y es la base de un sitio web basado en el rendimiento. Google Analytics ofrece a los usuarios una gran cantidad de datos y se puede integrar fácilmente en su sitio web de Veinte sobre diez. Si no tienes una configuración de cuenta de Google Analytics, puedes configurar una aquí.
AGREGAR GOOGLE ANALYTICS A SU SITIO WEB:
Paso 1: Accede a la «configuración del sitio» desde la barra lateral.
Paso 2: Haga clic en la pestaña integraciones para ampliar y ver todos los detalles de la integración.
Paso 3: Después de insertar el código de Google Analytics, haga clic en el botón Guardar.
Para integrar su cuenta de Google Analytics con su sitio web de Veinte sobre Diez, necesitará su número de cuenta de Google Analytics. El ID de seguimiento proporcionado por Google Analytics es una cadena de letras y números como UA-000000-2. Esto debe incluirse en el código de seguimiento para indicar a Analytics a qué cuenta y propiedad enviar datos. El primer conjunto de números (-000000, en el ejemplo anterior) se refiere al número de cuenta, y el segundo conjunto de números (-2) se refiere al número de propiedad específico asociado a la cuenta. Aquí encontrará instrucciones básicas sobre dónde encontrar su ID de seguimiento dentro de su cuenta de Google Analytics.
Artículo #7 PRUEBA PRUEBA DE PRUEBA
No podemos decirlo lo suficiente: ¡prueba, prueba y prueba de nuevo! Cuando su sitio web está funcionando bien, ayudará a hacer crecer su negocio de manera exponencial. Sin embargo, sin el uso de análisis y pruebas, nunca sabrá cómo está funcionando su sitio web y cómo mejorar el rendimiento de su sitio. Probar su sitio web antes del lanzamiento es increíblemente importante para encontrar cualquier problema y corregir cualquier error que pueda dañar la experiencia del usuario.
Tenga la seguridad de que nuestro equipo siempre está probando, eliminando errores y mejorando nuestra plataforma, pero hay algunos elementos adicionales en la página que recomendamos a nuestros usuarios que revisen para garantizar la calidad antes de lanzar su nuevo sitio web, como:
- Enlaces: No creemos que haya nada peor que hacer clic en un enlace que no vaya a ninguna parte o que te lleve a una página completamente irrelevante. Haz clic en cada enlace de tu sitio para probar y asegúrate de que van a donde querías que fueran.
- Gramática y ortografía: Has dedicado mucho tiempo a desarrollar contenido sólido para tu sitio web. No dejes que se desperdicie perdiéndote errores tontos. Después de mirar su sitio durante horas (tal vez incluso semanas) puede ser fácil perderse errores. Considera pedirle a un colega o compañero que eche un vistazo a tu sitio de prueba antes de lanzarlo para detectar cualquier error ortográfico y gramatical.
- Apariencia: Retroceda y eche un vistazo a sus imágenes y bloques de contenido. ¿Hay suficiente espacio en blanco o todo parece ahumado? Asegúrate de que el espaciado sea adecuado, que la paleta de colores refleje la identidad de tu marca y que el estilo general esté a la par. Además, asegúrate de que tu sitio web fluya bien. La mayoría de los sitios web de las empresas de asesoramiento tienen una duración promedio de visitas de poco más de un minuto. Manténgalo simple y fácil de navegar. No hay razón por la que necesites contar tu mensaje con más de cinco páginas.
¿Tienes problemas Con Qué Contenido Compartir en las Redes Sociales o por correo electrónico?
Ofrecemos acceso a nuestro contenido para que los asesores lo usen a través de Lead Pilot durante 7 días completamente gratis (incluso en nuestros planes de mes a mes).
Obtenga Todos Los Detalles Aquí
Sobre el autor
Blair Kelly
Blair es asistente de marketing digital de veinte a diez años y tiene una pasión por descubrir lo que impulsa el tráfico en línea y el mayor compromiso. Sigue a más animales en Instagram que a humanos y su mayor logro es su hija, Grey.