Qué es un sitio web: partes, estructura y contenido

¿Qué es un sitio web? Probablemente te hayas hecho esta pregunta antes. Ya sea en el momento en que los sitios web comenzaron a aparecer en la vida cotidiana, cuando descubrió Internet, cuando ingresó al mundo del marketing en línea o ahora que encontró este artículo.

Cualquiera sea el motivo, esta pregunta es muy común y todos nos hemos preguntado antes. En este artículo intentaré explicarte de la forma más concreta posible qué es una página web, qué tipos de páginas web puedes encontrar en Internet y de qué elementos están compuestas. ¡Coge tu bolígrafo y papel y sigue leyendo!

Base de la red

Al igual que con todos los temas nuevos, primero debe comprender algunos de los conceptos básicos. A continuación, explicaré una serie de términos relacionados con el sitio web que creo que es importante incluir en un cuadro:

• Sitio web: Un sitio web es un sitio publicado en Internet por un individuo o empresa que brinda información, servicios, entretenimiento ... es decir, datos (Texto, sonido, imagen, formato de video, etc.) Sobre un tema específico. Un sitio web es una serie de archivos a los que se puede acceder en Internet y que están expresados ​​en un idioma. Por ejemplo: Archivo HTML Utilice CSS, JS y PHP. Estos archivos se almacenan en un servidor web y se ven con un navegador web.
• Servidor de red: Es un sitio físico que almacena todos los archivos relacionados con la red. Para comprender esto mejor, es como una computadora que siempre está conectada a Internet y ofrece contenido web para todos. Es responsable de proporcionar al navegador la información que necesita para mostrar el sitio web. En Raiola tenemos muchos tipos de servidores web: si estás empezando, te recomiendo que eches un vistazo a nuestro alojamiento SSD.
• Zona: Ese zona El nombre de la página. Consiste en un nombre y su extensión. Por ejemplo, en nuestro ejemplo, el nombre es raiolanetworks y la extensión es .es. Un dominio es como una dirección de red escrita por un usuario para ver fácilmente su contenido porque no tiene que recordar una serie de números asignados a una red (mucho más complicado que una palabra seguida de .Cómo). Es lo mismo con sus contactos móviles: no recuerda los números de teléfono de 200 contactos, pero recuerda sus nombres.
• URL: Puede parecer un dominio, pero no lo es. Es importante distinguir entre ellos. Una URL es la dirección completa que se utiliza para encontrar un sitio web específico. Si el dominio es raiolanetworks.es, la URL es https://raiolanetworks.es.
• Navegador: Un programa que accede a Internet en un sitio web interpretando datos de un servidor. Los más conocidos son Edge, Chrome, Safari o Mozilla, etc.
• Código HTML: Es un lenguaje de marcado que se usa para representar información, y lo cubrimos en detalle en un artículo anterior: HTML: qué es y cómo usarlo

Tipología web

Una vez que comprenda los conceptos básicos del trabajo con sitios web, el siguiente problema que podría molestarlo es: Hay diferentes tipos de sitios web.Esperaba que la respuesta fuera sí.

Si lo piensas bien, debería haber diferentes tipos de sitios web dependiendo de lo que quieras hacer. Una empresa que necesita aparecer en Internet solo para que los usuarios se pongan en contacto con ellos es diferente de una empresa que vende en Internet en todo el mundo. Como puede ver, los objetivos son muy diferentes, por lo que los sitios web serán muy diferentes.

Con eso en mente, quiero decirte Los tipos de Internet más comunes que puede encontrar mientras navega por InternetSi desea aparecer en línea, algunos de estos tipos definitivamente funcionarán para sus propósitos.

Páginas estáticas

Ese Las páginas web estáticas son aquellas páginas web que proporcionan información sobre el contenido que se muestra. Generalmente no cambia. Es poco probable que el usuario pueda influir en esto. Este es un tipo de sitio web muy simple y, en muchos casos, ni siquiera tiene una base de datos. Si planea codificar desde cero, HTML y CSS servirán, aunque cualquier CMS de código abierto se puede utilizar sin problemas.

Un ejemplo de una página de este tipo es un sitio web que tiene un currículum en línea o el sitio web principal de una empresa con información de contacto y servicios.

sitios web dinámicos

Diferente de antes sitios web dinámicos Has añadido más deportes: son interactivos y multifuncionales. Todo el contenido se puede cambiar según las necesidades de la empresa y de los visitantes, por lo que se puede agregar texto, imagen, video ...

Este tipo de pagina Le permite incluir elementos o aplicaciones con las que los usuarios pueden interactuar. Por ejemplo calendarios, encuestas, reservas ... A diferencia de las páginas estáticas, para crearlas hay que implementar una base de datos y utilizar un lenguaje de programación que se ejecute en un servidor web.

Blog

Este tipo de página nace con un objetivo muy claro: Muestre a los usuarios los últimos hallazgos. Puede pensar en él como un periódico en línea que publica noticias de forma regular. Más importante aún, el artículo que está leyendo está en el blog.

Puede encontrar el blog como una sección diferente en otros tipos de páginas (por ejemplo, el blog de Ryola está en el sitio web corporativo de la empresa). En otros casos, un blog puede mostrar todo el contenido de un sitio web. En estos casos, al navegar por la web, solo encontrará publicaciones ordenadas por categoría, idealmente para facilitar la orientación del usuario.

Página Web de la compañía

Entre los sitios web comerciales, los sitios web corporativos suelen ser una de las opciones más populares. La empresa regala toda la información que quiere transmitir al usuario. Una buena analogía son las fotos en tiempo real de lo que es una empresa y lo que puede ofrecer.

El propósito de este tipo de sitios web es promocionar la marca y mostrar a los usuarios todo lo que ofrecen (productos o servicios) así como su misión, visión y valores. Por favor, qué carta de recomendación del mundo online.

Página de inicio de sesión

Ese Página de inicio de sesión O las páginas de destino se utilizan cada vez más en estrategias de marketing. Un sitio muy simple de una páginaAquí puede encontrar información sobre la compra de productos (si es una página de destino para ventas) o información sobre cómo obtener recursos o acceder a boletines (si es una página de destino para reclutamiento).

El propósito de estos sitios es Dirigir la actividad para dirigir el tráfico a un ciberespacio específico Discuta solo el producto / servicio o recurso relevante para aumentar el número de solicitudes de compra, descargas o solicitudes de información relacionada.

Si desea obtener más información sobre qué es una página de destino y cómo crear una, le recomiendo que consulte nuestra publicación. ¡Definitivamente despejará tus dudas!

Tienda online

La llamada tienda online o Comercio electrónico Este es otro tipo de sitio web que encuentra a menudo (puede encontrar más si es un comprador en línea) que se enfoca en vender productos o servicios a usuarios de Internet sin la necesidad de una tienda física.

Debido a la pandemia actual, las ventas en línea se han disparado, por lo que muchas empresas están considerando migrar sus sitios web más tradicionales a las tiendas en línea. Son fáciles de distinguir porque, como sugiere el nombre, Puedes comprar bienes No tienes que ir también a la empresa ingresar.

Como dije anteriormente, este es un sitio web de múltiples regalos y múltiples futuros en el sentido de que le permite abrir fronteras y vender sus productos en cualquier (o casi cualquier) rincón del mundo. Paz.

red social

Puede que no lo crea, pero las redes sociales son un tipo diferente de sitio web. Si bien puede colocarlos en el área recreativa y tener muchas aplicaciones para promover su uso, son parte del mundo web. Finalidad Depende un poco de cada red social, pero en general se puede decir Intenta crear conexiones entre personas o entre empresas y usuarios.; Eso es lo que significa tomar un café con amigos, pero en el mundo online.

Foro

Los foros son muy comunes y pueden enfocar las opiniones de los usuarios en temas específicos, lo que los convierte en sitios muy "especializados". Hay muchos tipos de foros: bodas, coches, pruebas de maternidad y paternidad, negocios ... todo lo que tienes que hacer es buscar en Internet y cuando lo encuentres verás a los usuarios discutiendo el tema.

El mecanismo es simple: hay uno o más moderadores que hacen cumplir las reglas del foro y el usuario establece un diálogo alrededor de la llamada. tema (Ese es el tema). Son excelentes para encontrar información y soluciones que ni siquiera puedes imaginar.

Portal de noticias

Portal de noticias Periódicos y páginas de periódicos por toda la vida. Bajo el lema “renovar o rechazar”, los medios tradicionales se han desarrollado de tal manera que brindan casi la misma información a los lectores en forma impresa y en Internet.

Video

Hay un portal Solo encuentras video Un ejemplo obvio: YouTube... en sitios web de este tipo, no esperes nada más que videos: desde musicales hasta videos instructivos comerciales, sin mencionar videos de perros, estarán contigo durante horas para cambiar de un video al siguiente y aumentar la cantidad de videos. el tiempo que pasas pasa de este lado. ...

Buscador

Utiliza motores de búsqueda todos los días para buscar información y visitar otros sitios web, pero ¿alguna vez pensó que los motores de búsqueda son algún tipo de sitio web? Google, Yahoo y Bing son algunos ejemplos de sitios web. Un motor de búsqueda para ayudarlo a encontrar información. Lo necesita en cualquier momento.

Otros tipos de paginas

Como te dije, hay muchos tipos de sitios web. Si bien he reunido algunos de los más comunes, mientras navegas por Internet puedes encontrar diferentes sitios web: música, juegos, comparaciones de precios, instituciones educativas ... vamos, infinitas formas de navegar por Internet están al alcance de tu mano.

Estructura básica o parte de una página

Ahora que comprende mejor qué es una página web y los diferentes tipos de sitios web que puede encontrar mientras navega por Internet, voy a resaltar 3 bloques de construcción básicos que cualquier página web debe tener al crear: encabezado, cuerpo y pie de página. . El diseño de su sitio se crea en estas estructuras. Si miras la imagen de abajo, puedes ver claramente:

Ese título, un encabezado o encabezado es, como su nombre indica, una "barra" horizontal en la parte superior de la página que ocupa el 100% del ancho. Este es un elemento que normalmente se repite en todas las partes de la red, aunque hay excepciones. Por ejemplo, la página en la que está leyendo este artículo tiene un título único:

Sin embargo, si va a la página de Especiales del aniversario de Raiola, verá:

¡Sin título! Esta es una página de destino de la página de destino: promocione sus artículos promocionales. Por lo tanto, el encabezado no es necesario para dirigir al usuario a otra área de la red. Sin embargo, es normal que todas o casi todas las páginas contengan esta estructura.

El título está entre etiquetas HTML.

Siempre o casi siempre verá el menú de navegación lateral y otros elementos: carrito de compras, logotipo web, selección de idioma, etc. ¿Cuáles son los beneficios de agregar un encabezado a su sitio web? Bueno, esto le da al sitio la continuidad y continuidad que los visitantes necesitan.

En cuanto al diseño (que por supuesto depende del diseñador), no suelen ser muy grandes. En computadoras de escritorio o dispositivos móviles, no tiene sentido que los usuarios se desplacen para ver lo que es realmente importante en la página.

Cuerpo o malla corporal

Cuerpo limpio Oh cuerpo Se encuentra entre el encabezado y el pie de página. Abarca todo el contenido que está en la página o parte de la página, lo que la hace única. Este es un contenedor. Como puede ver, el contenido de la página de contacto difiere del contenido del producto a la venta, no del contenido de la página de inicio. Esta es la parte más importante de la página y la que te interesa como usuario:

Al igual que el título, esta es la estructura básica de un documento HTML y las etiquetas utilizadas se denominancon

En conclusión, queda por determinar Pie de página O pie de páginaEsta parte del sitio web se encuentra al final. Sí, como puede ver, estos nombres están muy en línea con su posición en la web. ¿Te imaginas que este no es el caso? Se está volviendo loco.

Lo adivinó, debería poder encontrar el contenido del pie de página en el código entre las etiquetas

¡Obtén un premio si aciertas!

Al igual que el título o el título de la página, esta sección se repite en todas las subpáginas de Internet, excepto (como antes, la página de inicio de sesión no debe incluir ningún elemento en su pie de página). El pie de página generalmente contiene algunos elementos que se utilizan en la mayoría de los sitios web que puede visitar, como información de contacto, botones de redes sociales, avisos legales, secciones secundarias, etc.

Raiola lo tiene todo. Si estás aprendiendo a crear un pie de página o quieres saber qué contenido agregar, tu mejor opción es charlar y ver proyectos de empresas y profesionales que pueden ayudarte:

Componentes o elementos de un sitio web

Espero que se familiarice gradualmente con los términos y partes del sitio web. Sé que hay mucha información a la vez, pero es importante comprenderla bien desde el principio.

Si ha llegado a este punto (lo cual me complace) significa que todavía está interesado en aprender más sobre cómo se construye la página. Ahora te voy a contar sobre los componentes y elementos básicos que puedes encontrar en la mayoría de los sitios web existentes. ¡Vamos para allá!

Enlace, enlace o hipervínculo

Cuando un elemento de una página web es importante, es un enlace, también llamado hipervínculo o parejaA menudo están subrayados y en azul oscuro de forma predeterminada, aunque los estilos CSS no se utilizan actualmente.

Los enlaces son la columna vertebral de cualquier web y le permiten crear páginas web. La capacidad de vincular contenido, secciones y sitios web juntos. sobre esto facilita a los usuarios navegar por el sitio sin conocer la URL de cada página. Esto es para el posicionamiento SEO en buscadores (si quieres saber más, aquí tienes un artículo de posicionamiento SEO que te puede ayudar).

Estos enlaces están en toda la web. Desde enlaces en el menú (que redirigen a diferentes partes de la página) hasta enlaces a imágenes o enlaces llamados enlaces externos, estos enlaces redirigen el tráfico a dominios distintos al dominio actual.

Uno de los elementos más importantes de un sitio web puede ser un menú. Permitir a los usuarios recordar el contenido de la página y acceder a diferentes secciones en cualquier momento.

El menú suele estar en la parte superior de la página (sí, en el encabezado) en formato horizontal y representa la mayor parte de la web. Todos ellos están relacionados con la redirección de los usuarios a las secciones correspondientes. Sin embargo, también puede ver menús laterales (como teléfonos móviles) en columnas o menús de hamburguesa.

Hay uno en el menú Navegación por jerarquía y nivelAparecen como menús desplegables para cada elemento del menú. Un ejemplo sería el menú Extras, donde Servicio 1, Servicio 2, etc. se pausan como submenús o menús desplegables.

Como puede ver, este es probablemente el elemento más importante de la web, por lo que tener un elemento bien estructurado y completamente funcional puede mejorar su navegación.

formulario

Otro elemento básico de una página web es un formulario. Cuando lo nota, la mayoría de los sitios web tienen un formulario de contacto con la empresa o el propietario de la página.

Estos formularios son muy útiles porque Permitir que los visitantes se pongan en contacto directamente con el propietario del sitio web, No hay límite en el tiempo de servicio al cliente. También transmiten seriedad y confianza a los visitantes del sitio.

Pero eso no es lo único. Puede utilizar este formulario para suscribirse a un boletín informativo, dejar un número de teléfono para que un vendedor lo llame, registrarse en un sitio web ... tiene muchos usos.

tarjetas

En la jerga de Internet se les llama "entradas". Noticias o artículos publicados en blogs. Cualquier mensaje que vea en un blog se puede llamar publicación sin preocuparse por los errores. Esto se debe a que el famoso WordPress acuñó el término porque su principal propósito al crearlo era crear un administrador de contenido para blogs, aunque luego agregó su funcionalidad hasta convertirse en el CMS más utilizado en la actualidad.

Estas publicaciones constan de varias partes: un título, texto y Excelente fotoSin embargo, estos elementos pueden incluir cada vez más elementos como video, audio, gráficos, Plato Habrá una larga espera.

Por ejemplo, leíste un artículo en el blog de Raiola. La imagen que ve a continuación es una lista de entradas:

diapositiva

Las diapositivas son probablemente uno de los elementos visuales más comunes en las páginas web. Por lo general, se puede encontrar en la página de inicio de un sitio web. Presentación de diapositivas (fotos, vídeos, textos), que suelen contener ofertas, promociones, información especial ...

Además, debido al amplio abanico de opciones de diseño que se pueden aplicar, ofrece diferentes valores estéticos, ya que se pueden utilizar fuentes, imágenes, botones, efectos, transiciones ... Vamos, deja mucho espacio a la imaginación.

Por el contrario, este elemento suele ser el que provoca la ralentización de la carga de la página por la cantidad de recursos utilizados. Por lo tanto, en muchos casos, preferirá el diseño de la presentación de diapositivas o la velocidad de carga de la página web. ¡Este es un dilema!

Botones y llamadas a la acción

Se sabe que los botones son elementos clásicos de los sitios web, pero la mayoría de las veces estos recursos se utilizan todos los días como una llamada a la acción. Cualquier contenido que anime a los usuarios a realizar operaciones específicas de X. Por ejemplo, rellenar un formulario de contacto, solicitar un presupuesto, llamar, comprar, subir documentos ...

Puede utilizar llamadas a la acción para motivar estas acciones. Después de todo, son recursos de diseño web que fueron creados con ese propósito para destacar en el contenido de la página y ayudar en tales operaciones.

Opinión o recomendación

Después de todo (como dicen) es igualmente importante que tengamos una opinión.

¿Quién no ha reservado un hotel o restaurante, no ha comprado un producto online o simplemente ha cotilleado sobre la mejor televisión o ha escuchado las opiniones de otros usuarios? Les aseguro que esto fue casi lo primero que hice (obviamente después de ver el precio).

La opinión de otros usuarios en el mundo online es importante para nosotros y Les da a los visitantes confianza en su servicio o en su producto.No puede ver, sentir o saborear con sus propios ojos. Por eso es importante obtener comentarios positivos.

Si tiene críticas positivas, puede publicarlas en su sitio web. Por supuesto, cuando visite ciertos sitios web, encontrará que la mayoría de los sitios web contienen opiniones de clientes satisfechos. No en vano: siempre hay que destacar las ventajas.

Estructura del contenido de la página

Finalmente, necesita saber cómo estructurar su sitio web. Como siempre, es importante tener claro lo que se está comunicando a través del sitio web antes de pensar en el diseño, ya que esto marcará el camino a seguir en términos de estructura. Si tiene algún conocimiento de SEO, esto es beneficioso ya que hay muy pocas cosas a considerar.

Cada sitio web es un mundo, así que puedes darle mucha estructura. Sin embargo, le recomiendo que tenga al menos algunas partes en su sitio web, ya que le darán a los usuarios toda la información y realmente pueden comprender los servicios de su empresa.

La familia

La página de inicio es la página de inicio de la red. En la mayoría de los casos, será una puerta turística. En otras palabras, este es el primer contacto del usuario con su sitio. Por esta razón, le recomiendo que cree una página de inicio clara que destaque los aspectos más destacados de su empresa: una breve descripción de su empresa, sus productos destacados, cualquier oferta promocional, sus últimos artículos, etc.

Además, es muy recomendable que agregue bloques en la página de inicio para redirigir a otras secciones, como las últimas noticias de un blog o cartera de productos.

sobre nosotros

En mi opinión, quiénes somos es imprescindible para cualquier sitio web porque es la parte que permite que la información fluya por la pantalla y llegue mejor a los usuarios. Esto permite que sus visitantes lo conozcan mejor.

Todas tus opciones están a tu alcance aquí, así que te recomiendo que dejes volar tu imaginación en esta sección y trates de ser lo más humano posible. Comparta la historia, misión, visión y valores de su empresa. Agregue una foto de equipo para que el usuario sepa quién está al otro lado de la pantalla y agregue fotos de la empresa o videos de demostración. Cuanta más información, más interesante y mejor.

Tus objetivos deben ser claros: Muestre a todos quién es usted y en qué se diferencia de los demás.

Producto o Servicio

No hay sitios web incompletos Muestre en qué área de la empresa.

Ya sea que brinde servicios o venda bienes físicos, puede combinar todo lo que su empresa puede hacer por los clientes en una sola pieza. Hay muchas variables involucradas, y puede tenerlas en cuenta para personalizar esta sección para lo que desea lograr en la web. Puede agregar productos con opciones de compra directa (esto convierte el sitio en un sitio de comercio electrónico), puede usar su producto o servicio como un folleto digital o explicar su servicio, y puede agregar un formulario de contacto a cada servicio para permitir que las personas Sepa que puede contactar para obtener más información.

Como puedes ver, esta parte es una de las más extensas en cuanto a opciones de diseño, por lo que te recomiendo que te asegures de entender cómo vas a mostrar todo lo que haces antes de empezar a diseñar.

tocar

La información de contacto es una de las piezas más básicas, pero aunque no lo crea, muchas empresas no la separan del resto de la información.

El área de contacto debe contener al menos un número de teléfono o una dirección de correo electrónico para que los usuarios puedan ponerse en contacto con su empresa si tienen preguntas. Además, recomiendo agregar un formulario con algunos campos (como nombre, correo electrónico y mensaje) ya que muchos usuarios prefieren completar formularios debido a la simplicidad de este método de comunicación. Pero, por supuesto, todo depende del servicio que ofrezcas.

Finalmente, si tiene una ubicación física, el área de contacto es un buen lugar para incluir la dirección y el mapa de su empresa, así como el horario de atención al cliente.

En efecto, Proporcione toda la información para que los usuarios puedan comunicarse con usted fácilmente.

Política de privacidad

Durante un tiempo, la ley obligó a las empresas a incluir políticas de privacidad en sus sitios web, pero ¿qué es exactamente?

Como empresa, puede recopilar datos de usuario; Por ejemplo, datos sobre personas que compran con usted o que se comunican con usted para obtener información. Como empresa, ¿qué harías con estos datos? ¿Para qué los coleccionas? Esta información es información que debes proporcionar en la política de privacidad para que los usuarios puedan decidir si te facilitan sus datos para los fines para los que te gustaría utilizarlos.

Es importante que los usuarios siempre estén de acuerdo con la política de privacidad, no puedes darla por sentada. Porque estás infringiendo la ley. Después de todo, la política de privacidad debe estar siempre disponible para que todos los usuarios puedan acceder a ella.

Sugiero fijarlo en el pie de página de la página para que siempre esté visible.

Política de cookies

Otro aspecto legal al que debe adherirse todo sitio web es la conocida "política de cookies". Las cookies son pequeños archivos que se instalan en su dispositivo cuando accede a cualquier sitio web. Y guarde información para mejorar la experiencia del usuario.

Esta sección debe tener varias subsecciones que expliquen:

• Que son las cookies
• ¿Cuál es el uso de las cookies?
• Quien lo instaló
• Como fueron rechazados

Además, todas las redes están Debería haber una pista muy obvia Los usuarios deben aceptar o rechazar las cookies instaladas en sus equipos.

Se aconseja a los profesionales que implementen la política de cookies y los requisitos legales en Internet, ya que las sanciones por incumplimiento pueden ser muy elevadas.

Blog

Mucha gente piensa que los blogs deberían ser una parte opcional, pero en mi opinión es muy necesario.

Como mencioné anteriormente, el blog es Parte de la web donde puede publicar noticias de la industria y la empresa.Por tanto, es un portal para un gran número de visitantes que navegan en buscadores. Su objetivo es encontrar soluciones a algunos puntos débiles.

Con respecto a los blogs, le sugiero que se concentre en dos puntos importantes. Por un lado, esta es la estructura de la propia sección con una navegación sencilla y un mayor consumo de contenido. Para hacer esto, aloje un motor de búsqueda que clasifique las publicaciones por tema ... lo que sea que crea que los usuarios necesitarán para encontrar rápidamente lo que están buscando.

Otra parte con la que debes lidiar en tu blog es elegir palabras clave que te ayuden a atraer visitantes. Si bien este artículo no se trata de eso, no quiero ignorar la importancia de tener una buena estrategia de palabras clave para mantener su blog optimizado para SEO.

finalmente

Como puede ver en este artículo en profundidad, aunque he tratado de resumirlo y ser lo más claro posible en este océano de términos, son muchos los elementos que componen una página web. Desde la estructura hasta el contenido, cada sitio web debe tener un mínimo.

Ahora que comprendes los conceptos básicos del sitio web, te animo a que sigas ampliando tus conocimientos. Por ejemplo, puede suscribirse a nuestro blog, dejarme un comentario sobre su pregunta o comenzar a construir su propio sitio web.

Sea lo que sea, te aseguro un viaje de aprendizaje y cambio constante. ¡Disfruta tu viaje y bienvenido al mundo online!