¿Quieres convertirte en un experto en sitios web? Bueno, tu primer paso debería ser comprender la terminología básica asociada con la web.
Una vez que agarras el terminología de la página web definiciones, comenzarás a presenciar lo mejor de las cosas. Puede tener conversaciones sinérgicas con desarrolladores y diseñadores web, lo que da como resultado una mejor toma de decisiones informada y un ahorro de costos.
Considérelo como la situación en la que necesita una buena comprensión de las piezas del motor antes de dirigirse a la tienda de automóviles o al mecánico.
Además, cuando decide construir su propio sitio web, saber terminología de diseño web le dará una mejor idea y comprensión de lo que debe considerar en un creador de sitios web.
Para aprender la mayor parte de la terminología del sitio webdividiríamos las definiciones en el proceso de construcción de un sitio web y configuración de su diseño.
¿Por qué debe aprender acerca de la terminología del sitio web?
Para convertirse en un profesional competente en sitios web, es esencial aprender toda la terminología del diseño web. Estos son los conceptos básicos básicos que debe aprender antes de sumergirse en las profundidades del diseño de sitios web. Si desea crear un sitio web para usted mismo, es esencial comprender la terminología web.
Cuanto más familiarizado esté con estos términos, mejor podrá comprender los enfoques del desarrollador y más exitoso será el proyecto de su sitio web.
Terminología básica del diseño del sitio web
El encabezado de un sitio web generalmente se coloca en la parte superior de cada página web en un sitio web en particular.
El encabezado permanece igual en todas las páginas y viene con el logotipo y la navegación de la empresa o marca.
Es el eje central a través del cual los visitantes pueden ir a cualquier parte del sitio web.
Un pie de página del sitio web generalmente se coloca en la parte inferior de cada página del sitio web. Lo encontrará justo debajo del contenido del cuerpo principal.
Permite al lector navegar sin problemas por el documento.
Puede consultar esta lista de increíbles pies de página de sitios web para tener una mejor idea de cómo se ven en los sitios web modernos.
El menú de un sitio web es una colección de elementos de navegación vinculados que garantizan una navegación perfecta entre las distintas secciones o páginas del sitio web.
Según el diseño y el contenido del sitio web, puede encontrar varios tipos de opciones de menú.
CTA → Llamada a la acción
CTA se considera un término de marketing que los diseñadores de sitios web utilizan ampliamente para atraer y alentar a los usuarios a tomar medidas.
Por lo general, es algo como “Comprar ahora” o “Haga clic aquí”.
Estos términos están interrelacionados con la otra página web a la que el sitio web quiere dirigir a los usuarios.
Una barra lateral es un elemento único del sitio web y generalmente aparece en las páginas internas del sitio web. Una barra lateral suele ser el centro de información esencial que la empresa no quiere perder dentro del cuerpo.
Sin embargo, los diseñadores deben utilizar este espacio de manera inteligente y eficiente.
Un menú de hamburguesa o un menú de navegación de “alternar” es un menú popular ampliamente utilizado en versiones de sitios web optimizados para dispositivos móviles.
Este menú comprime la navegación y cambia después de un clic. El hecho de que venga con tres líneas horizontales de la pantalla es la razón por la que se llama menú “hamburguesa”.
Puede consultar esta lista de hermosos menús de hamburguesas CSS para tener una mejor idea de cómo se ven en los sitios web modernos.
Deslizador
Su navegador no soporta la etiqueta de vídeo.
Esta terminología de diseño web se refiere a una presentación de diapositivas que aparece en el sitio web. Un carrusel giratorio que exhibe fotos o productos es un gran ejemplo de un control deslizante.
Los desarrolladores web pueden agregar controles deslizantes a todo tipo de sitios web, pero son muy efectivos para las empresas que necesitan mostrar portafolios profesionales o contenido relevante.
Lea qué es un control deslizante para obtener más detalles.
Carrusel
Un carrusel de sitio web es una de las formas más sencillas para que un diseñador muestre múltiples contenidos o imágenes, todo en un solo espacio.
Además de ahorrar espacio en la pantalla, hace que el visitante se concentre más en el contenido esencial del sitio web y mejora el atractivo visual general del sitio web.
Lea qué es un carrusel en el diseño de sitios web para obtener más información.
Sección de héroe
Una sección de héroe es una terminología de diseño web que se usa popularmente para mostrar una gran imagen de banner en la sección superior del sitio web. Es por eso que a menudo se le llama “sección de héroe” o “encabezado de héroe”.
Actúa como la primera impresión del visitante de su marca y las ofertas debido a su posicionamiento ideal hacia la sección superior de la página web.
Términos de diseño y desarrollo
Diseño de respuesta
Los diseños de sitios web receptivos son fáciles de adaptar y modificar según el dispositivo del usuario. Este diseño optimiza la página web para que quepa la mayor cantidad de contenido posible.
Esta terminología de diseño de sitios web es predominante en cualquier concepto básico de diseño web.
SPA → Aplicación de una sola página
Un SPA o una aplicación de una sola página es una aplicación de sitio web que se entrega o se otorga al usuario a través de una página HTML para recrear íntimamente una aplicación nativa o una aplicación de escritorio.
A veces, se hace referencia a un SPA con el término Interfaz de página única (SPI).
PWA → Aplicación web progresiva
Una PWA (aplicación web progresiva) es un sitio web que aparece y funciona como una aplicación móvil.
Están diseñados para buscar el beneficio de las funciones nativas del dispositivo móvil y aliviar la necesidad del usuario final de ir a la tienda de aplicaciones para realizar cualquier compra.
AMP → Páginas móviles aceleradas
AMP o Accelerated Mobile Pages son versiones dobladas de Open Source Framework y se crearon con un solo objetivo principal: garantizar un tiempo de carga más rápido para los usuarios móviles.
Fue creado para resolver el problema de los largos tiempos de carga.
CMS → Sistema de Gestión de Contenidos
CMS o Content Management Systems permite a los usuarios manejar el proceso de creación y modificación de contenido digital.
A diferencia de los creadores de sitios web WYSIWYG, CMS aprovecha las interfaces de desarrollo de back-end para implementar cambios en sitios web en vivo.
El software CMS como WordPress se usa principalmente para sitios web y blogs a gran escala.
SEO → Optimización para motores de búsqueda
El SEO o la optimización de motores de búsqueda es un proceso excelente para mejorar el ranking de búsqueda de Google de un sitio web o una página web.
Las técnicas correctas de SEO permiten que un sitio web aumente su visibilidad en los SERP, trayendo tráfico “orgánico” o “gratuito”.
Experiencia de usuario → Experiencia de usuario
UX o User Experience significa la comodidad de navegar a través del diseño de un sitio web.
Es un proceso seguido por los equipos de diseño para crear productos que aseguren experiencias relevantes y significativas para los usuarios.
IU → Interfaz de usuario
Una interfaz de usuario es el extremo de la reciprocidad, la interconexión y la comunicación humano-computadora a través de una aplicación, una página web o un dispositivo.
Una interfaz de usuario incluye teclados, pantallas de visualización y la apariencia del escritorio.
RGPD → Reglamento General de Protección de Datos
La ley está dotada de un amplio alcance que influye en las organizaciones responsables del procesamiento de los datos personales de los residentes de la UE, sin importar en qué parte del mundo se encuentren.
El RGPD es responsable de sistematizar y equilibrar el panorama de protección de datos de la UE al tiempo que protege la libertad y los derechos de las personas de la UE.
SOC → Separación de preocupaciones
SoC es una terminología de diseño de sitios web que es más un principio para dividir un programa de software en diferentes secciones.
Lo hace de manera que cada sección etiqueta o marca una “inquietud” separada o una colección de información que tiene un impacto en el código del programa de software.
SRP → Principio de Responsabilidad Única
El SRP es un concepto de sitio web que implica que cualquier elemento único en OOP (Programación Orientada a Objetos) debe diseñarse para una sola función específica.
Gracias a Robert Martin, SRP se ha convertido en una parte integral de los principios de programación SOLID.
ESP → Proveedor de servicios de correo electrónico
Un ESP permite a los usuarios conectarse con su lista de suscriptores para enviar campañas de correo electrónico.
Los ESP son en su mayoría organizaciones basadas en tecnología que facilitan a la audiencia la creación de listas de correo electrónico y el envío de correos electrónicos.
Con el marketing por correo electrónico ganando inmensa popularidad todos los días, más y más ESP se han iniciado para ofrecer servicios diferenciados.
Creador de sitios web
Un creador de sitios web es una herramienta eficaz que le permite crear un sitio web. La mejor parte es que los usuarios no necesitarán experiencia en codificación para usar esta herramienta. Por lo general, encontrará dos tipos de creadores de sitios web disponibles: fuera de línea y en línea.
Accesibilidad
Esta terminología de diseño web a menudo pasa desapercibida para varios diseñadores de sitios web. Sin embargo, debe ser una parte integral de sus conceptos básicos de diseño web.
Se trata del nivel de accesibilidad de su sitio web para personas con discapacidades. Los íconos más grandes, la copia simple y las guías de discapacidad ayudan a estas personas a navegar por el sitio.
back-end
El desarrollo de sitios web backend se puede describir de una manera simple como esta.
Cuando visitas un sitio web, ves diseños fascinantes, imágenes atractivas y animaciones alucinantes. Aún así, hay una cosa que no ves: el sitio web está interactuando con una base de datos y un servidor.
Por lo tanto, considere el desarrollo de back-end como el proceso que no ve.
Interfaz
Ahora, yendo a las cosas que realmente ves: desarrollo front-end. La codificación front-end determina si el sitio web será amarillo o azul, o naranja con manchas rosas y si tendrá tres o cuatro columnas.
También llamados lenguajes, el desarrollo front-end incluye CSS y HTML.
Completa pila
Full-Stack es la terminología del sitio web para el desarrollo de las secciones backend (servidor) y front-end (cliente) de una aplicación de sitio web. Un desarrollador full-stack es experto en el diseño de todo el sitio web y la aplicación web.
WYSIWYG
WYSIWYG significa “lo que ves es lo que obtienes”. Un creador de sitios web WYSIWYG es un programa de software que le permite editar ópticamente su sitio web en un lugar que es casi el mismo que su sitio web en vivo.
Las herramientas populares en Internet (creadores de sitios web) permiten a los usuarios evitar la codificación manual de sus sitios web. También alivia la dependencia de soluciones rígidas de CMS para editar los sitios.
Arrastrar y soltar
Arrastrar y soltar es la acción de transferir archivos de computadora de una ubicación o aplicación a otra con la ayuda de un movimiento de hacer clic y arrastrar el mouse.
Generalmente se usa en el espacio de los creadores de sitios web para mostrar su capacidad para colocar elementos en una página web.
Cabeza y cuerpo
Hay dos secciones principales en una página web: la
y el .
Elementos incorporados a la
son discretos para los visitantes y consisten en elementos como enlaces, metaetiquetas y píxeles de seguimiento. Este es un destacado terminología de diseño de sitios web no deberías perderte
Sin embargo, encontrará todos los elementos visibles del documento HTML en el
. Estos elementos visibles incluyen imágenes, tablas, texto, listas e hipervínculos.
Términos para tipos de sitios web
comercio electrónico
El comercio electrónico es el proceso en línea simplificado de compra o venta de bienes y servicios. Los sitios web de comercio electrónico también se denominan popularmente tiendas en línea, y varían en costo y funcionalidad.
Crear un sitio web de comercio electrónico simple no cuesta casi nada, mientras que los grandes sitios de comercio electrónico como Amazon requieren millones de dólares para su desarrollo y mantenimiento.
Página de inicio
Una página de bienvenida es la introducción de una empresa o marca a su sitio web. Aunque no es una página de destino, es mucho más que eso.
Es una ventana grande que se utiliza para promocionar el producto o servicio de la empresa, entregar información esencial o anunciar una promoción.
Página de destino
Su navegador no soporta la etiqueta de vídeo.
Las páginas de destino se consideran páginas web separadas que se utilizan para optimizar la cantidad de visitantes que hacen clic en un llamado a la acción o en un anuncio en un sitio web para realizar una acción.
Estas páginas de destino generalmente están privadas de toda la navegación para aumentar la cantidad de usuarios que compran, completan formularios o básicamente “convierten”.
Blog
Un blog es un sitio web perspicaz basado en información que siempre se enfoca y gira en torno a temas específicos. Los blogs generalmente vienen con varias entradas, denominadas “publicaciones”, que tratan varios subtemas.
Estas son principalmente publicaciones basadas en texto que a menudo se representan en orden secuencial inverso para permitir que las publicaciones más recientes aparezcan en la parte superior de la página de inicio del sitio web del blog.
Hoy en día, los sitios web más recientes utilizan blogs por múltiples razones, incluida la necesidad de atraer visitantes orgánicos y educar a los clientes.
Sitio web de una página
Un sitio web de una sola página o de una sola página es un excelente tipo de sitio web que consta de una sola página. A diferencia de los sitios web convencionales y típicos de varias páginas, no encontrará enlaces internos adicionales a otras páginas web.
Apretar página
Una página de captura es un tipo popular de página de destino que está diseñada explícitamente para recopilar ID de correo electrónico de clientes potenciales y visitantes del sitio web. Estas páginas están diseñadas para aprovechar la escasez, los incentivos y otras estrategias para “exprimir” o atraer a un visitante para que proporcione su dirección de correo electrónico.
portafolio
Un portafolio de sitio web es una terminología de diseño de sitio web crucial que hace que su sitio web se pueda buscar y esté disponible para nuevos clientes. Un portafolio en línea te humaniza como un experto en el oficio.
Enlace en biografía
Los sitios web Link In Bio son tipos de páginas de destino que exhiben todos sus enlaces relevantes. Vaya a sus biografías de redes sociales y use el enlace en la página de biografía para permitir que los seguidores disfruten de un acceso rápido a todas las plataformas.
Terminología de Internet
Nombre de dominio
Un nombre de dominio es un nombre único que se utiliza para identificar la ubicación de un sitio web en Internet o en un servidor web. Todo el mundo conoce “google.com”, ¿verdad? Bueno, este es un nombre de dominio. Es una terminología predominante en las páginas web.
Cuando ingresa a un sitio web a través de un navegador web como Google Chrome, su nombre de dominio se interpreta y convierte a una dirección IP (Protocolo de Internet) (ejemplo: 172.217.11.207), que se parece al servidor de introducción del sitio web.
DNS
Los servidores de nombres de dominio o DNS son lo mismo que un directorio o una guía telefónica, solo que todo está en Internet. El DNS guarda y mantiene una lista actualizada de nombres de dominio y los interpreta y convierte de nuevo en sus respectivas direcciones IP.
Es esencial ya que, aunque los nombres de dominio son simples y fáciles de recordar, las computadoras aprovechan estas direcciones IP para acceder a los sitios web.
Servidor web
Los servidores web son hosts informáticos que se utilizan para almacenar, procesar y entregar páginas web a los clientes. Siempre tiene la opción de comprar un servidor para ejecutar y optimizar su sitio web.
Sin embargo, la mayoría de las empresas aprovechan el poder de los servicios de almacenamiento en la nube como AWS o Amazon Web Services para el alojamiento web, ya que estos servicios garantizan una mayor seguridad y ahorro de costos.
Alojamiento
El alojamiento de sitios web ha surgido como un tipo de negocio que permite a las personas guardar y usar rápidamente su sitio web sin tener que comprar y conectar su servidor web. La parte emocionante es que el alojamiento se incluye en los planes de suscripción de la mayoría de los creadores de sitios web.
Si necesita un sitio web en línea, deberá guardar o alojar sus archivos web en algún servidor web confiable conectado a Internet.
Navegador web
Un navegador web, también conocido como “navegador”, es una aplicación de software optimizada que garantiza un acceso fluido a la información disponible en Internet. Es decir, algunos de los navegadores web más populares son Firefox, Chrome, Microsoft Edge, Safari y Opera.
Como en el caso de todas las aplicaciones de software, los navegadores web vienen con características únicas y una funcionalidad excepcional, tentando a diferentes tipos de usuarios.
URL
URL, abreviatura de Uniform Resource Locator, no es más que la dirección de archivo de un recurso disponible en la web. La terminología de este sitio web es crucial para aprender, ya que se parece a una página web, un video, una imagen, una hoja de estilo y más. Por lo general, una URL tiene varios componentes: servidor web, navegador web, dirección IP, etc.
Galletas
Las cookies son pequeños fragmentos de datos que permiten que el navegador del usuario almacene y recuerde cualquier información estática. Estos datos pueden ser cosas como su dirección de correo electrónico, número y nombre.
SSL
SSL o Secure Sockets Layer es una tecnología de seguridad avanzada que formula un enlace encriptado entre el cliente y el servidor, generalmente un navegador y un servidor web o un cliente de correo y un servidor de correo.
Cache
Un caché web es un sistema avanzado que garantiza una optimización perfecta de la World Wide Web. Un caché se implementa tanto del lado del servidor como del lado del cliente. Los usuarios experimentarán un retraso general menor al navegar por la web debido al almacenamiento en caché de imágenes, videos y otros archivos.
HTTPS/HTTP
HTTPS significa HyperText Transfer Protocol Secure, que es la versión segura y avanzada de HTTP.
Como ya sabrás, HTTP es el protocolo a través del cual se transmite la información o datos entre el sitio web y el navegador al que estás conectado. Es necesario obtener un certificado HTTPS si desea una conexión segura para el sitio web de su empresa.
Dirección IP
Una IP (dirección de protocolo de Internet) es una etiqueta numérica especial asignada a cada dispositivo conectado a Internet, incluidos automóviles, servidores, tabletas, teléfonos, computadoras y más. Si simplemente busca “mi dirección IP” en Google, mostrará la asociada con su conexión a Internet.
HTML
HTML se abrevia para “Lenguaje de marcado de hipertexto” y es un lenguaje de programación utilizado por los navegadores web para exhibir la información en la página. HTML es el lenguaje utilizado para escribir las instrucciones para sus navegadores web, como dónde obtener sus fuentes y hojas de estilo.
CSS
Los diseñadores de sitios web utilizan CSS para narrar el diseño del código HTML. En pocas palabras, CSS es el lenguaje del diseño de la página, mientras que HTML es el lenguaje del texto. Este lenguaje de hojas de estilo ahorra mucho trabajo a los desarrolladores de sitios web al ayudarlos a formatear su código HTML en distintos estilos y diseños.
JS
JS o JavaScript es un lenguaje de programación dinámico, compacto y flexible. JV trae una gran cantidad de características de funcionalidad adicionales para todos. Le permite incorporar imágenes 3D, carruseles y secuencias de video en su sitio web.
PHP
PHP significa preprocesador de hipertexto y es un lenguaje de secuencias de comandos de código abierto ampliamente aprovechado que ayuda a los desarrolladores a crear sitios web interactivos. Alivia su necesidad de buscar datos en el exterior, gracias a su función que le permite incrustarlos directamente en HTML.
Conclusión: ¡Aprenda la terminología del sitio web antes de crear su página!
Con suerte, con esta guía completa, debe haber aprendido con éxito toda la terminología importante del sitio web. Con toda la terminología de páginas web mencionada aquí, puede crear con éxito su propio sitio web que se destaque de los demás.
Cuantas más terminologías web conozca, mejor podrá desarrollar su sitio web. Por lo tanto, aproveche al máximo este conocimiento y comience su viaje para convertirse en un experto en sitios web.
Artículos relacionados