Geri bildirim
Tenga en cuenta que la página de inicio no siempre es la primera página en la que aterrizan los visitantes cuando entran en su sitio web (especialmente si tiene una estrategia inteligente de marketing y SEO basada en la educación). Por lo tanto, todas las páginas de su sitio web deberían llevar a los visitantes a saber más sobre usted y a actuar, no sólo la página de inicio.
Aunque los sliders eran muy populares hace varios años, no suelo recomendar el uso de sliders en el diseño de sitios web modernos. Consulte este artículo para conocer muchas razones por las que los sliders no hacen un gran trabajo para que los visitantes tomen acción.
A menudo escuchamos a los clientes llamar a estos “pestañas” en la parte superior del sitio, pero los menús diseñados para parecer pestañas son básicamente inexistentes en 2018. En lugar de llamar a estas “pestañas”, en su lugar nos escuchará referirse a los elementos del menú como “enlaces” o “páginas” en el menú.
Ten en cuenta que la navegación puede incluir menús de navegación primarios y secundarios. Se utilizan dos menús de navegación separados cuando puede haber mucha navegación necesaria, y se quiere tener claro qué enlaces son los más importantes.
Ejemplos de navegación local
porque 5 es mayor que 2. Cuando un navegador llega al símbolo de menos que (<), se queda totalmente desconcertado. Su primer instinto es suponer que estás comenzando una etiqueta, y que el texto “2 es claramente falso…” es parte de un largo nombre de etiqueta. Obviamente, esto no es lo que pretendías, y seguramente confundirá al navegador.Para resolver este problema, necesitas reemplazar los paréntesis angulares por la correspondiente entidad de carácter HTML. Las entidades de carácter sustituyen a las letras y símbolos que los navegadores interpretarían como HTML. Siempre comienzan con un ampersand (&) y terminan con un punto y coma (;). La entidad de carácter para el símbolo de menos que es < porque lt significa “menos que”. Del mismo modo, > es la entidad de carácter para el símbolo mayor que.He aquí el ejemplo corregido:La expresión 5 < 2 es claramente falsa,
</html>Todas las páginas web utilizan este marco básico. Las elipses (…) muestran dónde se inserta información adicional. Los espacios entre las líneas no son necesarios, sólo están ahí para ayudarte a ver la estructura de los elementos con mayor facilidad.Una vez que tengas el esqueleto de HTML en su lugar, necesitas añadir dos elementos contenedores más a la mezcla. Toda página web requiere un elemento <title>, que va en la sección de la cabecera de la página, y necesitas crear un contenedor para el texto en la sección <body> de la página. Un contenedor de texto polivalente es el elemento <p>, que representa un párrafo.He aquí un vistazo más de cerca a los elementos que necesitas añadir:<title>Este elemento establece el título de tu página web. El título desempeña varias funciones. En primer lugar, los navegadores web lo muestran en la pestaña del navegador o en la parte superior de la ventana del navegador. En segundo lugar, cuando un visitante marca su página, el navegador utiliza el título como etiqueta del marcador. En tercer lugar, cuando su página aparece en una búsqueda web, el motor de búsqueda suele mostrar este título como primera línea en los resultados, seguido de un fragmento de contenido de la página.<p>Esto indica un párrafo. Los navegadores web no aplican sangría a los párrafos, pero sí añaden un pequeño espacio entre párrafos consecutivos para mantenerlos separados.Aquí está la página web con estos dos nuevos ingredientes (en negrita):<!DOCTYPE html>
Tipos de páginas web
Un favicon es tradicionalmente una imagen de 16 por 16 píxeles que se sube y se aloja en una página web. Actualmente se puede hacer el archivo más grande dependiendo del programa de diseño web que utilices siempre que tengan la misma relación de aspecto, como 48 x 48 o 144 x 144 píxeles,. No importa lo grande que sea el archivo, seguirá mostrándose como 16 x 16 píxeles en la mayoría de las circunstancias.
La mayoría de los creadores de sitios web como WordPress y Wix quieren que el archivo esté en formato JPEG o PNG. Si tu archivo tiene un fondo transparente, asegúrate de guardarlo en formato PNG porque así se transmitirá la transparencia.
¿Por qué se llama “favicon”? Según uno de los primeros ingenieros de Internet Explorer presentes en su invención, “favicon” es la abreviatura de “Favorite Icon” (icono favorito) y su objetivo era facilitar la búsqueda de sitios web en las largas listas de favoritos (o “Favorites”, como se conocían en Internet Explorer).
Además, no siempre se necesita una imagen. También puedes utilizar letras como favicon. Por ejemplo, si el nombre de tu sitio web es MangoBicycles.com, puedes usar “MB” en una fuente bonita como favicon. Es mucho mejor tener un favicon basado en una letra que no tener ninguno.
Componentes del sitio web
La página de inicio de su sitio web es sólo eso… es “casa”. La mayoría de las veces, es el lugar al que se dirige el tráfico de visitantes de su sitio web desde los anuncios pagados en las redes sociales, las publicaciones orgánicas, las series de correos electrónicos, el material de marketing impreso, ¡e incluso desde su tarjeta de visita! Por eso, en una entrada anterior del blog, hicimos hincapié en el atractivo de la página de inicio.
Antes de entrar en detalles, retrocedamos un poco en el tiempo. ¿Recuerda cuando la gente iba de puerta en puerta vendiendo de todo, desde enciclopedias hasta aparatos de cocina? Bueno, ese vendedor probablemente no llevaba toda su línea de productos al vecindario, ni se sentaba en el salón de alguien y contaba todo lo bueno que vendía su empresa.
Si las páginas de su sitio web están haciendo lo que se supone que deben hacer, los visitantes de su sitio lo han comprobado, saben un poco sobre usted y están listos para descubrir más sobre los productos y servicios que ofrece. Quieren ver los diferentes paquetes u opciones y, posiblemente, alguna información sobre los precios si usted decide incluirla.