El último término, «desarrolladores», es un término general que puede abarcar ingenieros de software, codificadores, programadores, desarrolladores front-end y back-end, y profesionales de TI de diversos tipos. Estas personas son quienes escriben el código y/o, en general, gestionan las diversas tecnologías web subyacentes que conforman y potencian los sitios web.
En su función como SEO, puede que le resulte o no práctico dominar por completo lenguajes de programación como C++ y Java, o lenguajes de script como PHP y JavaScript, o lenguajes de marcado como HTML, XML o el lenguaje de hojas de estilo CSS.
Y hay muchos más lenguajes de programación, scripting y marcado: sería una tarea titánica dominar todo tipo de lenguaje, incluso si tu función es la de programador a tiempo completo y no la de SEO.
Pero, como profesional de SEO, es fundamental que comprendas los diversos lenguajes, tecnologías y conjuntos de tecnologías que componen la web. Al hacer recomendaciones SEO, que probablemente implementarán los desarrolladores, necesitas comprender su mentalidad, sus dificultades, cómo es su trabajo y hablar su idioma.
No es necesario que sepas todo lo que saben los desarrolladores, pero debes tener una buena comprensión de lo que hacen para poder hacer mejores preguntas y brindar recomendaciones de SEO de una manera que resuene con ellos, y es más probable que esas recomendaciones se ejecuten como resultado.
Cuando hablas su idioma y entiendes cómo es su mundo, estás contribuyendo a un entorno colaborativo donde todos tiran del mismo lado de la cuerda para lograr los mismos resultados positivos.
Y por supuesto, además de construir relaciones de colaboración, ser un SEO profesional implica mucho trabajo de detective técnico y de detección y prevención de problemas, por lo que comprender varios aspectos de la tecnología web no es opcional; es obligatorio.
La tecnología web puede ser compleja e intimidante, pero esperamos que esta guía le ayude a hacer las cosas un poco más fáciles y a completar algunos vacíos en su comprensión.
¡Saltemos de inmediato!
Internet vs. la World Wide Web
La mayoría de la gente usa estos términos indistintamente, pero técnicamente ambos no significan lo mismo, aunque están relacionados.
Internet comenzó como una red descentralizada de computadoras independientes interconectadas.
El Departamento de Defensa de los Estados Unidos participó a lo largo del tiempo y adjudicó contratos, incluido el desarrollo del proyecto ARPANET (Red de la Agencia de Proyectos de Investigación Avanzada), que fue una de las primeras redes de conmutación de paquetes y la primera en utilizar TCP/IP (Protocolo de Control de Transmisión y Protocolo de Internet).
El proyecto ARPANET condujo a “Internettrabajando” donde varias redes de computadoras podrían unirse para formar una “red de redes” más grande.
El desarrollo de la World Wide Web se atribuye al científico informático británico Sir Tim Beners-Lee en la década de 1980, quien desarrolló documentos de hipertexto enlazados, lo que dio como resultado un modelo de intercambio de información construido "sobre" Internet.
Se especificó que los documentos (páginas web) estuvieran formateados en un lenguaje de marcado llamado “HTML” (lenguaje de marcado de hipertexto) y pudieran vincularse entre sí mediante “hipervínculos” en los que los usuarios pudieran hacer clic para navegar a otras páginas web.
Alojamiento Web
El alojamiento web, o hosting para abreviar, son servicios que permiten a personas y empresas publicar una página web o un sitio web en internet. Las empresas de alojamiento cuentan con conjuntos de computadoras llamadas "servidores", que no son muy diferentes a las computadoras que ya conocemos, pero, por supuesto, existen diferencias.
Hay varios tipos de empresas de alojamiento web que ofrecen una variedad de servicios además del alojamiento web; dichos servicios pueden incluir registro de nombres de dominio, creadores de sitios web, direcciones de correo electrónico, servicios de seguridad de sitios web y más.
En resumen, un host es el lugar donde se publican los sitios web.
Servidores web
Un servidor web es una computadora que almacena documentos y recursos web. Los servidores web reciben solicitudes de clientes (navegadores) para páginas web, imágenes, etc. Cuando visitas una página web, tu navegador solicita todos los recursos/archivos necesarios para mostrarla. El proceso es similar a esto:
Cliente (navegador) a servidor: “Oye, quiero esta página web. Por favor, proporcióname todo el texto, las imágenes y demás material que tengas para esa página”.
De servidor a cliente: "Está bien, aquí está".
Varios factores influyen en la rapidez con la que se mostrará (renderizará) la página web, incluida la velocidad del servidor y el tamaño de los distintos archivos que se solicitan.
Hay tres tipos de servidores que encontrarás con mayor frecuencia:
- Apache es software libre y de código abierto compatible con numerosos sistemas operativos como Linux. Un acrónimo frecuente es "pila LAMP", que se refiere a la combinación de Linux, Apache, MySQL (base de datos relacional) y PHP (lenguaje de scripting del lado del servidor).
- IIS significa «Servicios de Información de Internet» y es un software propietario de Microsoft. Un servidor IIS suele denominarse «Servidor Windows» porque se ejecuta en sistemas operativos Windows NT.
- NGINX (pronunciado "Engine X") se presenta como un servidor de alto rendimiento capaz de gestionar el equilibrio de carga, usarse como proxy inverso y más. Sus objetivos declarados y su razón de ser incluyen superar a otros tipos de servidores.
Archivos de registro del servidor
A menudo abreviados como "archivos de registro", estos son registros de la actividad del servidor en respuesta a solicitudes de páginas web y recursos asociados, como imágenes. Algunos servidores pueden estar configurados para registrar esta actividad; otros deberán configurarse.
Los archivos de registro son la "realidad" de lo que sucede con un sitio web e incluirán información como la página o el archivo solicitado, la fecha y la hora de la solicitud, el agente de usuario que realiza la solicitud, el tipo de respuesta (encontrada, error, redirigida, etc.), el referente y algunos otros elementos como los bytes servidos y la dirección IP del cliente.
Los SEO deberían familiarizarse con el análisis de archivos de registro. Para profundizar en este tema, lea la explicación de JafSoft sobre un ejemplo de archivo de registro de servidor web.
FTP
FTP significa Protocolo de Transferencia de Archivos y es la forma en que se suben archivos de recursos, como páginas web, imágenes, mapas de sitio XML, archivos robots.txt y archivos PDF, a su cuenta de alojamiento web para que estos archivos estén disponibles y visibles en la web a través de navegadores. Existen programas de FTP gratuitos que puede usar para este propósito.
La interfaz es una estructura de árbol de carpetas y archivos familiar, donde verás los archivos de tu equipo local a la izquierda y los del servidor remoto a la derecha. Puedes arrastrar y soltar archivos locales al servidor para subirlos. ¡Listo, has subido tus archivos a internet! Para más detalles, Wired tiene una excelente guía sobre FTP para principiantes.
Nombre de dominio y certificado SSL
Un nombre de dominio es una cadena de texto (normalmente) y se utiliza en una URL (Localizador Uniforme de Recursos). En resumen, para la URL https://www.website.com, «website» es el nombre de dominio.
Dominio raíz y subdominio
Un dominio raíz es lo que comúnmente conocemos como un nombre de dominio, como "sitio web" en la URL https://www.website.com. Un subdominio es la parte "www." de la URL. Otros ejemplos de subdominios serían news.website.com, products.website.com, support.website.com, etc.
Para obtener más información sobre la diferencia entre un dominio y un subdominio.
URL frente a URI
URL significa “Localizador universal de recursos” (como https://www.website.com/this-is-a-page) y URI significa “Identificador uniforme de recursos” y es un subconjunto de una URL completa (como /this-is-a-page.html).
HTML, CSS y JavaScript
He agrupado HTML, CSS y JavaScript aquí no porque cada uno no merezca su propia sección, sino porque es bueno para los SEO entender que esos tres lenguajes son los que comprenden gran parte de cómo se codifican las páginas web modernas (con muchas excepciones, por supuesto, y algunas de ellas se señalarán en otra parte aquí).
HTML significa “lenguaje de marcado de hipertexto” y es el lenguaje original y fundamental de las páginas web en la World Wide Web.
CSS significa “Hojas de estilo en cascada” y es un lenguaje de hojas de estilo utilizado para diseñar y posicionar elementos HTML en una página web, lo que permite separar la presentación y el contenido.
JavaScript (que no debe confundirse con el lenguaje de programación “Java”) es un lenguaje de scripting del lado del cliente para crear funciones interactivas en páginas web.
AJAX y XML
AJAX significa "JavaScript y XML asíncronos". Asíncrono significa que el cliente/navegador y el servidor pueden trabajar y comunicarse de forma independiente, lo que permite al usuario continuar interactuando con la página web independientemente de lo que ocurra en el servidor. JavaScript se utiliza para realizar las solicitudes asíncronas al servidor y, cuando este responde, JavaScript modifica el contenido de la página que se muestra al usuario. Los datos enviados asíncronamente del servidor al cliente se empaquetan en formato XML, lo que facilita su procesamiento por JavaScript. Esto reduce el tráfico entre el cliente y el servidor, lo que aumenta el tiempo y la velocidad de respuesta.
XML significa "Lenguaje de Marcado Extensible" y es similar a HTML, ya que utiliza etiquetas, elementos y atributos. Fue diseñado para almacenar y transportar datos, mientras que HTML se utiliza para mostrarlos. Para fines de SEO, el uso más común de XML es en archivos de mapas de sitio XML.
Datos estructurados (también conocidos como Schema.org)
Los datos estructurados son marcas que se pueden añadir al HTML de una página para ayudar a los motores de búsqueda a comprender mejor su contenido, o al menos ciertos elementos de la misma. Al utilizar los formatos estándar aprobados, se proporciona información adicional que facilita a los motores de búsqueda el análisis de los datos pertinentes de la página.
Los usos comunes de los datos estructurados son marcar ciertos aspectos de recetas, obras literarias, productos, lugares, eventos de diversos tipos y mucho más.
Schema.org se lanzó el 2 de junio de 2011 como resultado de la colaboración entre Google, Bing y Yahoo (poco después se unió Yandex) para crear un conjunto común de esquemas acordados y estandarizados para el marcado de datos estructurados en páginas web. Desde entonces, el término "Schema.org" se ha convertido en sinónimo de "datos estructurados", y los tipos de datos estructurados de Schema.org evolucionan continuamente, añadiendo nuevos tipos con relativa frecuencia.
Una de las principales ventajas de los datos estructurados es que ayudan a desambiguar los datos para que los motores de búsqueda puedan comprenderlos más fácilmente. Además, ciertos elementos marcados pueden generar información adicional en las páginas de resultados de los motores de búsqueda (SERP), como estrellas de reseñas, tiempos de cocción de recetas, etc. Tenga en cuenta que añadir datos estructurados no garantiza la disponibilidad de estas funciones en las SERP.
Existe una serie de vocabularios de datos estructurados, pero JSON-LD (Notación de objetos JavaScript para datos vinculados) ha surgido como el método preferido y recomendado de Google para realizar el marcado de datos estructurados según las pautas de Schema.org, pero también se admiten otros formatos, como microdatos y RDFa.
JSON-LD es más fácil de agregar a las páginas, más fácil de mantener y modificar, y menos propenso a errores que los microdatos que deben incluirse alrededor de elementos HML existentes, mientras que JSON-LD se puede agregar como un solo bloque en la sección de encabezado HTML de una página web.
Front-end vs. back-end, lado del cliente vs. lado del servidor
Quizás hayas hablado con un desarrollador que te dijo: "Soy desarrollador front-end" y te hayas preguntado qué significa eso. O quizás hayas escuchado a alguien decir: "Ah, esa es una funcionalidad back-end". Puede parecer confuso el significado de todo esto, pero es fácil de entender.
"Front-end" y "del lado del cliente" significan lo mismo: se ejecuta en el navegador. Por ejemplo, JavaScript se desarrolló originalmente para ejecutarse en una página web en el navegador, es decir, sin necesidad de llamar al servidor.
"Back-end" y "servidor" significan lo mismo: se ejecuta en un servidor. Por ejemplo, PHP es un lenguaje de scripting del lado del servidor que se ejecuta en el servidor, no en el navegador. Algunos sistemas de gestión de contenido (CMS), como WordPress, utilizan plantillas basadas en PHP para páginas web, y el contenido se ejecuta desde el servidor para mostrarse en el navegador.
Lenguajes de programación vs. lenguajes de script
Los ingenieros y los desarrolladores tienen diferentes explicaciones y definiciones de los términos. Algunos dirán que, en última instancia, no hay diferencias o que las líneas están difusas, pero la diferencia generalmente aceptada entre un lenguaje de programación (como C o Pascal) y un lenguaje de scripting (como JavaScript o PHP) es que un lenguaje de programación requiere un paso de compilación explícito, mientras que el código creado por humanos y legible se convierte en un conjunto específico de instrucciones en lenguaje máquina que una computadora puede entender.
Sistema de gestión de contenido (CMS)
Un CMS es una aplicación de software o un conjunto de programas relacionados que se utiliza para crear y gestionar sitios web (o podríamos usar el término más sofisticado: "contenido digital"). En esencia, un CMS permite crear, editar, publicar y archivar páginas web, entradas de blog y artículos, y suele contar con diversas funciones integradas.
El uso de un CMS para crear un sitio web significa que no es necesario crear ningún código desde cero, lo que es una de las principales razones por las que los CMS tienen un gran atractivo.
Otro aspecto común de los CMS son los complementos, que se pueden integrar con el CMS principal para ampliar funcionalidades que no forman parte de la lista de características del CMS principal.
Los CMS más comunes incluyen WordPress, Drupal, Joomla, ExpressionEngine, Magento, WooCommerce, Shopify, Squarespace y hay muchos otros.
Red de distribución de contenido (CDN)
Las CDN, a veces llamadas “redes de distribución de contenido”, son grandes redes de servidores dispersos geográficamente con el objetivo de servir contenido web desde una ubicación de servidor más cercana al cliente que realiza la solicitud para reducir la latencia (retraso en la transferencia).
Las CDN almacenan copias de su contenido web en estos servidores, y luego los servidores más cercanos al visitante del sitio web entregan el contenido solicitado. Las CDN se utilizan para ofrecer alta disponibilidad y alto rendimiento.
HTTPS, SSL y TLS
Los datos web se transmiten entre ordenadores mediante paquetes de código. Los clientes (navegadores web) actúan como interfaz de usuario cuando solicitamos una página web a un servidor. HTTP (protocolo de transferencia de hipertexto) es el método de comunicación que utiliza un navegador para comunicarse con un servidor y realizar solicitudes. HTTPS es la versión segura de este protocolo (protocolo de transferencia de hipertexto seguro).
Los propietarios de sitios web pueden cambiar sus sitios web a HTTPS para que la conexión con los usuarios sea más segura y menos propensa a "ataques de intermediario", donde un tercero intercepta o posiblemente altera la comunicación.
SSL significa «capa de sockets seguros» y es un protocolo de seguridad estándar para establecer el cifrado de la comunicación entre el servidor y el navegador. TLS (Seguridad de la Capa de Transporte) es una versión más reciente de SSL.
HTTP/1.1 y HTTP/2
Cuando Tim Berners-Lee inventó el protocolo HTTP en 1989, la computadora que utilizaba no contaba con la capacidad de procesamiento ni la memoria de las computadoras actuales. Un cliente (navegador) que se conecta a un servidor mediante HTTP/1.1 recibe información en una secuencia de transacciones de solicitud-respuesta de red, a menudo denominadas "viajes de ida y vuelta" al servidor, o "apretones de manos".
Cada viaje de ida y vuelta lleva tiempo, y HTTPS es una conexión HTTP con SSL/TSL integrado que requiere un nuevo protocolo de enlace con el servidor. Todo esto lleva tiempo y causa latencia. Lo que era suficientemente rápido entonces no lo es necesariamente ahora.
HTTP/2 es la primera versión nueva de HTTP desde la versión 1.1. En resumen, HTTP/2 permite al servidor entregar más recursos al cliente/navegador más rápido que HTTP/1.1 mediante multiplexación, compresión, priorización de solicitudes y envío de solicitudes al servidor, lo que permite al servidor enviar recursos al cliente que aún no se han solicitado.
Interfaz de programación de aplicaciones (API)
Aplicación es un término general que, en pocas palabras, se refiere a un tipo de software que puede realizar tareas específicas. Las aplicaciones incluyen software, navegadores web y bases de datos.
Una API es una interfaz con una aplicación, generalmente una base de datos. La API es como un mensajero que recibe solicitudes, le dice al sistema lo que quieres y te devuelve la respuesta.
Si estás en un restaurante y quieres que la cocina te prepare un determinado plato, el camarero que toma tu pedido es el mensajero que se comunica entre tú y la cocina, lo que es análogo a utilizar una API para solicitar y recuperar información de una base de datos.
AMP, PWA y SPA
Si quieres crear un sitio web hoy, tienes muchas opciones.
Puede crearlo desde cero utilizando HTML para la distribución de contenido junto con CSS para la apariencia y JavaScript para elementos interactivos.
O podría utilizar un CMS (sistema de gestión de contenido) como WordPress, Magento o Drupal.
O puedes construirlo con AMP, PWA o SPA.
AMP AMP significa Páginas Móviles Aceleradas y es una iniciativa de código abierto de Google que consiste en un conjunto específico de etiquetas HTML y diversos componentes funcionales en constante evolución. La ventaja de AMP es la velocidad de carga de las páginas web al codificarse según sus especificaciones. La desventaja es que algunas funciones deseadas podrían no ser compatibles actualmente y existen problemas con el seguimiento analítico adecuado.
PWA significa Aplicación Web Progresiva y combina lo mejor de ambos mundos: sitios web tradicionales y aplicaciones móviles. Las PWA ofrecen a los usuarios una experiencia similar a la de una aplicación nativa, con notificaciones push, la posibilidad de trabajar sin conexión y la posibilidad de crear un icono de inicio en el móvil.
Al usar "service workers" para la comunicación entre el cliente y el servidor, las PWA combinan páginas web de carga rápida con la capacidad de funcionar como una aplicación móvil nativa. Sin embargo, dado que las PWA son frameworks de JavaScript, pueden surgir diversos desafíos técnicos.
Las SPA (Aplicaciones de Página Única) se diferencian de las páginas web tradicionales, que cargan cada página solicitada por el usuario en una sesión mediante comunicaciones repetidas con el servidor. En cambio, las SPA se ejecutan dentro del navegador y las nuevas páginas visualizadas en una sesión de usuario no requieren recarga mediante solicitudes del servidor.
Las principales ventajas de las SPA incluyen un desarrollo optimizado y simplificado, y una experiencia de usuario muy rápida. Las principales desventajas incluyen posibles problemas con el SEO, debido a la inconsistencia de los motores de búsqueda para analizar el contenido proporcionado por JavaScript. La depuración de problemas también puede ser más compleja y consumir más tiempo del desarrollador.
Vale la pena señalar que el éxito futuro de cada una de estas tecnologías web depende en última instancia de su adopción por parte de los desarrolladores.
Conclusión
Obviamente, se necesitaría un libro muy largo para cubrir todos y cada uno de los aspectos de la tecnología web, y con suficiente detalle, pero esta guía debería brindarle a usted, el SEO profesional, información útil para completar algunos de los espacios en blanco en su comprensión de varios aspectos clave de la tecnología web.
En este artículo he incluido numerosos enlaces que sirven como punto de partida para cualquier tema que desees explorar con más profundidad. Sin duda, hay muchos más temas que los SEO deben conocer, como archivos robots.txt, metaetiquetas robots, etiquetas rel canónicas, mapas de sitio XML, códigos de respuesta del servidor y mucho más.
_____
by David Portney
Fuente: searchenginewatch.com
