¿Cómo estructurar su sitio correctamente con Elementor?

contenido
¿Qué hay detrás de la estructura elemental?
¿Cómo editar la estructura del sitio en Elementor?
1. encabezado
2. Sótano
3. Cuerpo
4. Barra lateral
5. Pesmet
6. Conexión interna
7. Favicon
Pensamientos finales
Hoy estamos hablando de la estructura personalizada de los sitios web de Elementor. Ha pasado mucho tiempo desde que los sitios web se han visto como dos columnas y un texto en el medio. Ahora los sitios web implican una gama más amplia de objetivos. Trabajan como una cartera en línea, una revista en línea, una plataforma que vende todo tipo de productos y servicios y más. A medida que los sitios web han comenzado a servir objetivos más altos, ha surgido la necesidad de herramientas de gestión avanzadas y una estructura de sitio más compleja.
La buena navegación en el sitio es más que “una característica conveniente para los visitantes”. De hecho, los visitantes por primera vez deben acceder rápidamente a la información del producto, su precio y contactos. Lo que también es importante para SEO es una estructura personalizada fácil de návidores. No solo evita un recurso de muchos errores, sino que también contribuye a una mejor clasificación en los motores de búsqueda. ¿Qué hay detrás de la estructura elemental? Crear una estructura de sitio significa construir una jerarquía bien definida. Simplemente no importa si es un sitio web de tres páginas o una plataforma compleja con varias páginas en el interior.
Cuanto más conecte las páginas interiores entre ellas, más correctos los motores de búsqueda escanearán su contenido. Cuanto más pueda escanear el sitio, mejor será el índice. Cuanto mejor sea el índice: mayores serán los motores de búsqueda una clasificación más grande. Como resultado, más personas llegarán a su sitio a una solicitud en particular. Si escanear un sitio web lleva más tiempo, los motores de búsqueda probablemente lo colocarán en posiciones más bajas. ¿Cómo editar la estructura del sitio en Elementor? Con Elementor, construir una estructura adecuada del sitio es una tarea fácil. Además, el generador de página en sí ofrece una serie de widgets para estructurar fácilmente cualquier sitio web, sin soluciones de uso que ofrezcan su propia estructura personalizada de Elementor. Aquí, en MotoPress, ofrecemos plantillas elementales gratuitas y premium para diferentes nichos y tipos de sitios web.

Lea también: 25+ Las mejores plantillas para su sitio web de WordPress 2022 a continuación son los primeros 7 elementos obligatorios para mejorar la estructura del sitio y cómo puede construirlas usando Elementor. 1. Cabeza un elemento de encabezado se encuentra en la parte superior de la página:
Fuente: LAVERI – El contenido de WoCommerce de la moda del encabezado es permanente para todas las páginas y puede contener:

Identidad corporativa distinguida: logotipo, nombre, lema, carácter de marca;
Menú de navegación (Mega) con listas desplegables que consisten en secciones importantes del sitio web;
Contactos: teléfono, dirección, horario de trabajo, formulario de contacto;
Campo de búsqueda para mejorar la navegación del sitio. La barra de búsqueda a menudo se encuentra en el lado derecho del encabezado; botones para cambiar el idioma, ingresar a la cuenta personal, seleccionar una ubicación, una versión para usuarios con impedimentos visuales;
El carrito de compras generalmente se muestra como un icono.
No tiene que colocar todos los artículos en un solo encabezado. La forma en que diseña un encabezado para su sitio web depende del nicho, las actividades de la marca y otros aspectos. Sin embargo, un conjunto tradicional de elementos incluye identidad de marca, nombre de la empresa y un menú de navegación de sitios.
Para crear un sitio web para el elemento de estructura personalizado, puede usar las siguientes herramientas:
Creador de temas (disponibles en Pro)
Personalizador en vivo
Sitio de widgets (disponible en Pro)
Suplementos elementales (por ejemplo, generador de menú de mega)
Si no es dueño de Elementor Pro, puede usar herramientas como Live Customizer y Third Solutions (Megamenu Builders, colecciones adicionales de widgets elementales). Live Customizer le permite cambiar su identidad de marca (logotipo, título), la imagen del encabezado, así como crear un menú de navegación y hacer otras configuraciones para la estructura personalizada de Elementor.
Además, puede usar suplementos que ofrecen una funcionalidad más diversa en comparación con la configuración de personalización en vivo. Por ejemplo, desea utilizar un menú de navegación complejo que implique una pantalla de contenido múltiple. Afortunadamente, MotoPress ofrece un excelente complemento para diseñar menús receptivos y de alto contenido, que acepta todo tipo de contenido: el menú Mega Stratum. Acerca de Stratum Mega Menú El suplemento Mega Menii es adecuado para todos aquellos que desean crear menús para sitios web con múltiples contenidos en el interior y solo en modo visual. Elementor tiene el papel de hacer que el sitio personalice más fácilmente. Por lo tanto, nuestro generador Megamenu ha sido 100% flexible en todos los aspectos: haga clic en esta demostración para ver ejemplos de navegar por el sitio creado con Stratum.
GUIDS:
Cualquier tipo de contenido en Submenus (artículos de almacenamiento, imágenes, mapas, etc.);

Etiquetas o iconos personalizables (por ejemplo, caliente, nuevo);
Configuración de estilo avanzado (impresión, colores, alineación) para cada tipo de contenido;
Menús horizontales y verticales;
Amigable para móviles (se convierte automáticamente en una mega melena de hamburguesa);
Efectos de animación del menú de mega.
Haga clic para averiguar cómo construir un menú Mega WordPress con Elementor y Stratum. 2. El sótano Aunque los sótanos se encuentran al final de un sitio web, es lógico mencionar los encabezados y los sótanos al lado. Funcionan como marco de su sitio y no cambian de una página a otra. Ambos elementos ayudan a los usuarios a navegar mejor en el sitio:
Fuente: Medmix – Tema médico para Elementor
No hay reglas especiales para las cuales los elementos encajan en el sótano. Para los sitios web de empresas y organizaciones, un sótano debe cubrir detalles sobre la empresa, contactos, dirección y enlaces a páginas de servicio y precios. Para sitios web y blogs personales, será suficiente duplicar la navegación del sitio, colocar enlaces a flujos de noticias e ingresar el botón de suscripción. En general, los sótanos pueden ajustarse a los siguientes elementos: el mapa del sitio, una lista de todas o al menos las secciones, páginas o categorías más importantes del sitio (por ejemplo, publicaciones de blog populares);
Contactos información de contacto más extensa (teléfono y correo electrónico) y/o un mapa que indica la ubicación exacta;

Enlaces de redes sociales;
El símbolo de los derechos de autor.
Al igual que los encabezados, hay algunas opciones para estilizar su sótano. Si no posee Elementor Pro, puede hacerlo en Live Customizer (menú, widgets, configuración de temas). Muchos elementos, incluida MotoPress, ofrecen un generador de encabezado y sótano, lo que hace que el trabajo sea aún más fácil.
Leer también: Personalización a través de WordPress Customizer 3. Cuerpo Un cuerpo contiene contenido que varía de una página a otra. El artículo que está leyendo actualmente está en el sitio del sitio:
Fuente: Lotus Spa: el tema del salón de belleza para el elemento que el cuerpo contiene todo tipo de contenido: desde títulos, imágenes y publicaciones hasta diapositivas multimedia, galerías y más. Si usa plantillas de sitio prefabricadas, no tendrá que diseñar los elementos de la página desde cero (a menos que desee restaurar o hacer su diseño y estructura). Lo que tiene que hacer es reemplazar el contenido de texto y medios con usted. Si diseña una página elemental desde cero, probablemente use widgets Elementor. En la mayoría de los casos, un paquete de widgets estándar disponibles no es suficiente para crear un sitio web atractivo. Incluso si no desea comprar Elementor Pro, puede aprovechar los suplementos de tercera parte para diversificar sus oportunidades. Actualmente, los usuarios tienen una amplia gama de complementos llamados bibliotecas de widgets Elementor. Uno de esos suplementos son los complementos de Stratum Elementor. Sobre los suplementos Stratum Elemoror además del generador de menús mega, la gama Stratum ofrece una colección de widgets de contenido multifuncional. Le ayudarán a crear contenido para todos los diferentes tipos de proyectos, ya sea que tenga un blog o una compleja tienda electrónica:
Ver la demostración.
GUIDS:

Más de 24 widgets de contenido para el elemento;

Todos los widgets disponibles en la versión gratuita;
Ajustar el estilo visual del tema actual;

Cadena de herramientas de diseño avanzadas;
Integración de la biblioteca de plantillas Elementor.
Aquí hay una lista de widgets de estrato que puede agregar al cuerpo de su sitio:
Control deslizante avanzado
Acordeón de imagen
Lengüeta avanzada
Mesa
Cronología de precios verticales/horizontalistas
4. La barra lateral lateral es una columna con contenido adicional ubicado a la derecha, izquierda o ambos lados de la página:
Fuente: Rosso Meat – Tema de carne y pescado de WooCommerce El contenido de la barra lateral puede ser:
Menú de navegación: ya sea un menú adicional o el principal eliminado del encabezado del sitio. Las barras laterales son comunes para tiendas en línea que usan categorías y filtros en la página;
Publicaciones populares o nuevas que llaman la atención a ciertos artículos. Esto suele ser común para noticias y recursos de blog;
Comerciales que promocionan sus propios productos/servicios o marcas de tercera parte. Es aconsejable usar anuncios que no distraigan la atención del contenido principal;
Elementos funcionales: carrito de compras, formulario de suscripción, etc.
Los íconos de las redes sociales.

En la versión móvil de un sitio web, una barra lateral generalmente se coloca en la parte inferior. En algunos casos, permanecen ocultos en las pantallas móviles. La razón es que las barras laterales no son más importantes para un sitio web en comparación con la sede y los sótanos. Los sitios de una página, las páginas de destino y otros sitios web de contenido mínimo tienen menos probabilidades de necesitar una barra lateral. Para agregar una barra lateral al sitio web de su elemento, use el widget de la barra lateral o vaya a los widgets de personalización en vivo>. 5. Pesmet El siguiente elemento significativo de las bolsas web es BreadRumbs. Las migas de pan se refieren a una cadena de navegación que muestra una ruta desde la página principal hasta la página/sección actual. Por lo general, puede encontrar migas de pan en la parte superior de la página:
Fuente: Vitenera-WooCommerce Breadcrumbb’s Woocommerce Wine Wine ayuda a los usuarios a navegar por el sitio y volver a una o dos secciones anteriores.Además, el uso de migas de pan mejora el rendimiento de SEO.Tipos de Pesmet: cadena simple basada en la estructura del sitio;
Cadena dinámica basada en navegar a un usuario en particular;
La lista de caída para cada sección.Acostumbrado a las grandes tiendas en línea.
Si su sitio tiene varias secciones y subsecciones, las migajas serán útiles para usted. Puede agregar BreadCrumb a su sitio web de WordPress usando complementos como Breadcrumb Navx y Yoast SEO. 6. Conexión interna Todas las páginas del Sitio deben estar vinculadas entre sí y aquí están por qué. Como ejemplo de navegar a través del enlace interno, observe de cerca esta publicación. Notará enlaces a las demostraciones de temas y enlaces de MotoPress a otras publicaciones de blog. Por supuesto, los enlaces internos mejoran la navegación web, en particular, los factores de comportamiento. Por un lado, los usuarios encuentran información más rápido, por otro lado, siguen siendo más tiempo en el recurso “viajar” de un enlace a otro. Además, los enlaces internos contribuyen a una mejor indexación del sitio. El robot de búsqueda escanea el contenido del sitio (páginas, imágenes, enlaces, etc.) y, al mismo tiempo, navegan entre páginas usando enlaces. Como resultado, el escaneo se ejecuta más rápido. Y, como ya sabemos, cuanto más rápido sea: mayor será el rango. Finalmente, las conexiones internas dan pesos a los enlaces a las páginas necesarias. Esto significa que cuando los motores de búsqueda clasifican las páginas con la misma relevancia, es más probable que esas páginas más de peso obtengan una mejor posición. Desde la perspectiva del cliente, estas páginas serán percibidas como más autoritarias. En los ejemplos de conexiones internas, también podemos enviar un menú de envío, un mapa del sitio en el sótano, migas de pan y enlaces dentro de la barra lateral. 7. Favicon o Favicon es un pequeño icono del sitio visible en los resultados de búsqueda, en pestañas y una URL cercana:
Los favicones deben estar asociados con el tema de un sitio web y destacarse ante otros. Un favicon típico está representado por el logotipo de la marca. ¿Por qué debería usar un favicon? Los sitios con favicones son más confiables;
Los favicones le permiten identificar su sitio en varias pestañas;

Favicon aumenta el grado de conocimiento de la marca.
Las dimensiones estándar de Favicon son 16 × 16 o 32 × 32 píxeles. Otras dimensiones varían según el tipo de dispositivo y el sistema operativo. Un formato Favicon común es ICO, pero también están disponibles PNG, GIF, JPEG y SVG. Hoy en día, los formatos PNG y SVG son más comunes que ICO. Puede crear un favicon en cualquier editor o generador gráfico en línea. Para instalar un Favicon en un sitio de WordPress, vaya al sitio Idon Customizer> Idon. Pensamientos finales Estas fueron las mejores prácticas básicas para navegar sitios web que todos deben considerar. Si trabaja en la estructura personalizada de un sitio elemental, contribuya a un mejor SEO y la mejor navegación del sitio. Ambos componentes son vitales para el éxito de su sitio y, finalmente, para su proyecto, ya sea un negocio o recurso sin fines de lucro.