Qué es una página web, qué es un sitio web y sus diferencias

Portada artículo qué es una página web y qué es un sitio web

Para ser sincera no pensaba escribir acerca de qué es una página web, sin embargo me sorprendió ver con una herramienta de Google que tan solo en México hay 8100 búsquedas mensuales al respecto de esa pregunta. Así que aquí vamos 🙂

¿Qué es una página web?

Dicho de una forma sencilla: una página web es un documento que puede ser desplegado a través de un navegador como Chrome, Firefox, Explorer, Safari, entre otros.

Adentrándonos un poco más en el concepto, veríamos que una página web -también denominada página electrónica, página digital o ciberpágina- es información electrónica que puede contener enlaces, scripts, estilos, imágenes, sonido, audio y otros elementos.

La información de una página web regularmente se encuentra en formato html o xhtml y pueden estar a otras páginas.

Justo aquí hay un tema interesante, las personas suelen denominar página web a un conjunto de páginas web, lo cual es un poco incorrecto. Ya que el término adecuado en dicho caso sería sitio web. Vamos entonces a la siguiente pregunta.

¿Qué es un sitio web?

Es una colección de páginas web que se agrupan y conectan entre sí, regularmente en el mismo dominio o subdominio. Este grupo de páginas se denominan sitio web.

 

¿Cuál es la diferencia entre página web y sitio web?

Página web
Como decíamos anteriormente, una página web es un documento electrónico mostrado a través de un navegador, y esta url va a tener una url específica, por ejemplo www.mipagina.com/una-url-especifica
Sitio web
Es un grupo de páginas web en el mismo dominio.
La diferencia entonces resulta obvia: la página es solo un documento -una parte- de todo el sitio web.

Por ejemplo:

  • www.mipagina.com/una-url-especifica (esta es una página web)
  • www.mipagina.com/esta-es-otra
  • www.mipagina.com/mi-producto (y otra más)
  • www.mipagina.com/mi-servicio (y otra página web más)
  • www.mipagina.com/mi-pagina-de-contacto (y una última para ejemplo)

El punto es, que al conjunto de esas 5 páginas electrónicas se les llamaría sitio web.

Entonces tenemos que una sitio web es una colección de páginas web enlazadas, más sus recursos asociados, que comparten un mismo dominio. Y página web de un sitio web provee links que permiten que el usuario navegue de una página a otra -dentro del mismo sitio web e incluso fuera de él-.

Por ejemplo, en la siguiente imagen, pueden ver una captura de pantalla de nuestro sitio web. En círculo rojo verán la url de la página web de inicio, sin embargo, cada página de servicio, blog, contacto, entre otras, conforman nuestro sitio web.

Captura de pantalla de la página de inicio de Mailclick con el dominio resaltado con un circulo

 

¿Qué pasa si el sitio web tiene una única página web?

Esto podría generar cierta confusión conceptual ya que podríamos referirnos a la página web como sitio web.

Para accesar a un sitio web regularmente escribimos su dominio en el buscador y el navegador despliega la página principal del sitio web, que comúnmente es denominada Home o Inicio.

Si nos encontráramos con una página en la que la home es la única página del sitio, sería fácil confundir los conceptos.

Hace pocos años se pusieron muy de moda los sitios web con una sola página web donde a través del efecto parallax se muestran “diferentes secciones” de información. Lo que hacía posible que en el menú principal se colocaran: Inicio | Servicios | Productos | Contacto

Pero en realidad a través de anclas toda esa información se mostraba en la misma página web.

Entonces a ese tipo de páginas -para evitar la confusión- se les suele llamar single-page website o sitio web de una sola página.

 

Adentrándonos en el futuro de las páginas web

Existen organismos internacionales como el World Wide Web Consortium(W3C) que establecen directivas con el fin de estandarizar el código y diseño de los sitios web. Su objetivo: estandarizar los protocolos y pautas que permitan maximizar el crecimiento de la web.

Dentro de estas guías establecen que el html5 no está enfocado únicamente a la presentación, sino a la relación semántica en los documentos (RDFa)
Esta relación semántica en los documentos se realiza a través de microdatos y su utilidad radica en que las máquinas (motores de búsqueda principalmente) pueden comprender el contenido de las páginas.

Y es justamente aquí donde los grandes corporativos como Google, Yahoo, Bing, W3C, entre otros, están buscando unificar y estandarizar el uso de los microdatos con el fin de que la inteligencia artificial de los robots de búsqueda sea capaz no solamente de asociar determinadas páginas con las búsquedas de los usuarios sino capaces de responder por sí mismos dudas específicas de los usuarios o mostrar directamente la respuesta que aparece en alguna página específica.

Como en los siguientes ejemplos:

ejemplo relación semántica

Ejemplo relación semántica

 

¿Cuál es la finalidad de los microdatos?

Poder ofrecer resultados de búsqueda de mayor calidad a las personas, más relacionadas y con mejores características que si solo mostraran un listado tradicional de páginas web.

Bueno, ahora que ya sabes qué es una página web y qué es un sitio web, quizás quieras pasarte por nuestra sección de diseño de páginas web y ver los servicios que ofrecemos en este rubro. ¿Podemos ayudarte?


¿Te gustó el contenido? Ayúdanos calificando

1 Star2 Stars3 Stars4 Stars5 Stars (14 votes, average: 4.71 out of 5)
Cargando…

17 Comments

  • Avatar

    Viri CalzadaResponder

    No tenía idea de que había una diferencia entre página web y sitio web. Yo a todo le digo página web. buena expilcacion

  • Avatar

    Julio MartínezResponder

    Por qué comenzó a llamarse a un sitio web como página web, Conocen cual es el origen me ayudan con la tarea

    • Avatar

      Irene CalcaneoResponder

      Jejeje, mejor termina tu tarea de investigación, regresas y nos platicas la respuesta 🙂

  • Avatar

    PabloResponder

    Holaa!!! Me interesó lo de las respuestas automáticas… hoy en día si le preguntas algo a Google ya es muy posible que te responda tu pregunta en una ventanita especial… No sabía que era por los microdatos jejeje

    Saludos!

    • Avatar

      Irene CalcaneoResponder

      Hola Pablo, gracias por comentar, efectivamente con el uso de los microdatos le facilitamos a google como entender la información que colocamos en nuestras páginas, y ofrecer mejores resultados a los usuarios. Saludos.

  • Avatar

    Miriam MResponder

    No tengo claro todavía la diferencia de ambos términos

    • Avatar

      Irene CalcaneoResponder

      Hola Miriam 🙂

      Intentaré explicarlo de otra forma: imagina el sitio web como el todo:
      tudominio.com
      tudominio.com/esta-es-otra-pagina-web
      tudominio.com/esta-es-otra-pagina-diferente

      Todas las anteriores son páginas web de un mismo sitio web. Regularmente si cambia la url es una página web diferente. Si están dentro del mismo dominio -o a veces subdominio- son páginas de un mismo sitio web. Ojalá te sea de ayuda esta explicación 🙂

  • Avatar

    laloResponder

    hola

    • Avatar

      Irene CalcaneoResponder

      Hola, Lalo. 🙂

  • Avatar

    DeunicioResponder

    Que es una URL

    • Avatar

      Irene CalcaneoResponder

      Hola Deunicio. URL en su traducción al español significa “Localizador Uniforme de Recursos”, y viene siendo la dirección con la que ese recurso puede ser localizado en internet. En palabras sencillas son los caracteres que escribes en el navegador para acceder a una página web, como ejemplo la url de este artículo es: https://www.mailclick.com.mx/que-es-una-pagina-web-y-que-es-un-sitio-web-definicion-y-diferencias/ y esa será la dirección con la que esta página va a ser localizada en internet.

  • Avatar

    MikhaelResponder

    Excelente información es muy concreta. Gracias, me has ayudado a resolver mis dudas; ahora solo tengo que aprender a hacer mi sitio web.

    Saludos!

    • Avatar

      Mayra AcostaResponder

      Hola Mikhael. 🙂 Nos alegra escuchar que nuestro contenido haya sido muy útil para ti. ¡Saludos!

  • Avatar

    maria brachoResponder

    me gusto mucho la explicacion, esta clarisima, el lenguaje ha sido amigable! Gracias

    • Avatar

      Irene CalcaneoResponder

      Hola, Maria 🙂 Nos alegra mucho que te haya gustado el artículo y haya sido de utilidad para ti. Te invitamos a suscribirte a nuestro newsletter para más contenido! Saludos 🙂

  • Avatar

    aldoelpro2000@gmail.comResponder

    hola una pregunta cual es la diferencia entrenpagina estetica y dinamica ?

    • Avatar

      Irene CalcaneoResponder

      Hola, Aldo 🙂 Una página estática es aquella en la que no se puede interactuar, solo sirve para mostrar la información en una sola página web. Una página dinámica es la que tiene diferentes elementos o funcionalidades que ofrecen al usuario interactividad.
      Con las definiciones ya más claras, podemos sacar una lista de diferencias clave entre ambos tipos de páginas:
      – Las estáticas no muestran alguna funcionalidad especial, cuando en las dinámicas podemos poner menús, categorías, elementos clickables, botones con movimiento, entre otros.
      – Las estáticas están hechas regularmente en código HTML o XHTML, mientras que para las dinámicas se crean regularmente en un CMS.
      – El diseño de una página estática es más opacas, no muestra algún distintivo visual que llame la atención. En la dinámica puedes jugar con el background, los botones, las secciones, el menú o el color de los anchor texts
      – Los usuarios no pueden crear comentarios, puntuar la web o compartir sus experiencias mientras que en las dinámicas sí.
      – Es más fácil de mostrar tus productos en las páginas dinámicas que en una estática, además, ofreces una mejor experiencia de usuario ofreciéndole carruseles de las imágenes de tus productos o en caso de ecommerce, agregar a un carrito.
      Estos son solo algunas de las diferencias, pero si vamos más a fondo como arquitectura web, UX o usabilidad, encontraríamos más diferencias. 🙂