En tu computadora
SOLO LOCAL
mi-landing/ ├─ index.html └─ imagenes/ └─ taller.jpg
La imagen se referencia comoimagenes/taller.jpg.
Gabriel Melillo · Instituto Madero
Clase 5 · El objetivo
Tu landing ya tiene forma.
Ahora tiene que poder abrirse.
Del archivo en tu computadora al enlace que recibe un cliente.
Publicación, dominios y DNS, con el taller mecánico del curso.
Marketing Digital con IA · Publicación y dominios01
Gabriel Melillo · Instituto Madero
Clase 5 · Las bases
Para entender la conexión,
primero entendé estas tres piezas.
El enlace gratuito también usa un dominio: pertenece a la plataforma que te aloja.
Marketing Digital con IA · Publicación y dominios02
Gabriel Melillo · Instituto Madero
Clase 5 · Publicar los archivos
Abrir un archivo y publicarlo
son dos momentos distintos.
En internet
ENLACE PÚBLICO
Subís la carpeta completa al hosting.
El servidor encuentra index.html y entrega también sus imágenes.
Una ruta C:\… sigue apuntando a tu computadora.
La prueba: abrí el enlace desde otro teléfono, sin depender de tu computadora.
Marketing Digital con IA · Publicación y dominios03
Gabriel Melillo · Instituto Madero
Clase 5 · Dónde se publica
Elegí una plataforma
y publicá el proyecto.
| Para esta práctica | Qué hacés | Qué obtenés |
|---|---|---|
| Netlify Drop | Entrás con tu cuenta y arrastrás la carpeta final. | Un enlace …netlify.app. |
| Cloudflare Pages | Creás un proyecto de Pages con carga directa de carpeta o ZIP. | Un enlace …pages.dev. |
| Vercel Drop | También permite carga directa. Revisá el plan para el uso previsto. | Un enlace …vercel.app. |
Vercel Hobby es personal no comercial. Netlify tiene cupos. Usaremos Netlify como ejemplo continuo.
Marketing Digital con IA · Publicación y dominios04
Gabriel Melillo · Instituto Madero
Clase 5 · Dos opciones reales
Tu página puede tener
un enlace gratuito o tu nombre.
Opción 1 · Enlace del hosting
PODÉS EMPEZAR ASÍ
mi-taller.netlify.app
La plataforma asigna el nombre.
No comprás un dominio propio.
Ya podés ponerlo en el perfil
y recibir consultas.
Opción 2 · Dominio propio
ES OPCIONAL
turnos.taller-ejemplo.com.ar
Registrás taller-ejemplo.com.ar
y conectás el subdominio al proyecto.
La landing puede seguir alojada
en el mismo lugar.
Comprar un nombre no te obliga a volver a construir la landing.
Marketing Digital con IA · Publicación y dominios05
Gabriel Melillo · Instituto Madero
Clase 5 · URL, dominio y extensión
URL es la dirección completa.
Dominio es nombre más extensión.
Al conectar el dominio, ingresás el nombre sin https:// y sin /frenos.
Marketing Digital con IA · Publicación y dominios06
Gabriel Melillo · Instituto Madero
Clase 5 · El mismo dominio, varios usos
Un dominio puede tener
varios subdominios.
Marketing Digital con IA · Publicación y dominios07
Gabriel Melillo · Instituto Madero
Clase 5 · Dónde se hace cada cosa
Anotá qué administra cada cuenta.
| Cuenta del ejemplo | Qué administra | Qué harías ahí |
|---|---|---|
| NIC Argentina | El registro y la renovación de taller-ejemplo.com.ar. | Registrar, renovar y delegar en servidores DNS. |
| Cloudflare DNS | La zona DNS: A, CNAME, TXT y MX del dominio. | Agregar o corregir registros. |
| Netlify | El proyecto con el HTML y las imágenes. | Publicar archivos y agregar el dominio personalizado. |
Registrador, DNS y hosting pueden ser empresas diferentes. No confundas pagar un dominio con alojar la web.
Marketing Digital con IA · Publicación y dominios08
Gabriel Melillo · Instituto Madero
Clase 5 · Elegir el nombre
Antes de comprar, revisá
el nombre y los usuarios.
Namechk · namechk.com
Captura de referencia: los colores no prueban disponibilidad actual.
Cómo lo usarías para el taller
Buscá una idea de nombre, por ejemplo tallerejemplo.
- Revisá el dominio y sus extensiones.
- Revisá el mismo usuario en las redes que vas a usar.
- Confirmá cada resultado en el registrador o red correspondiente.
Un dominio y un usuario de Instagram son registros separados. Reservar uno no reserva el otro.
Marketing Digital con IA · Publicación y dominios09
Gabriel Melillo · Instituto Madero
Clase 5 · Comprar y mantener
Registrá el nombre.
Revisá alta y renovación.
.com.ar · NIC Argentina
Entrá a nic.ar.
Consultá el nombre exacto y completá el trámite con los requisitos vigentes.
Después administrás su renovación y su delegación desde esa cuenta.
.com y otras extensiones
Opciones: Namecheap, DonWeb o Cloudflare Registrar.
Compará alta, renovación, moneda e impuestos. Confirmá el acceso al DNS.
Guardá la cuenta titular y la fecha de vencimiento.
Si ya tenés hosting, podés comprar solo el dominio. Un buzón de correo es otro servicio.
Marketing Digital con IA · Publicación y dominios10
Gabriel Melillo · Instituto Madero
Clase 5 · Cómo funciona DNS
El DNS encuentra la dirección.
El hosting entrega la página.
DNS significa Sistema de Nombres de Dominio. La IP de esta lámina es solo un ejemplo.
Marketing Digital con IA · Publicación y dominios11
Gabriel Melillo · Instituto Madero
Clase 5 · Los campos del panel
Leé un registro
antes de copiarlo.
DNS · Agregar registroESQUEMA DIDÁCTICO
TIPO · qué hace
CNAMENOMBRE · qué parte
turnosVALOR · destino
mi-taller.netlify.appNombre completo que queda: turnos.taller-ejemplo.com.ar
@ significa la raíz
@ representa taller-ejemplo.com.ar.
turnos representa
turnos.taller-ejemplo.com.ar.
Los otros campos
TTL: cuánto tiempo se guarda la respuesta en caché. Para empezar, automático.
Prioridad: aparece en MX; se copia del proveedor.
Marketing Digital con IA · Publicación y dominios12
Gabriel Melillo · Instituto Madero
Clase 5 · Tipos de registros
Cada tipo tiene un trabajo concreto.
| Tipo | Qué relaciona | Para qué lo encontrás |
|---|---|---|
| A / AAAA | Un nombre con una dirección IPv4 / IPv6. | Encontrar servidores por su IP. |
| CNAME | Un nombre con otro nombre. | Crear un alias hacia un servicio. |
| TXT | Un nombre con un texto. | Verificar propiedad y configurar autenticación. |
| MX | Un nombre con servidores de correo. | Indicar quién recibe el correo. |
| NS | Una zona con sus servidores de nombres. | Indicar quién administra ese DNS. |
Marketing Digital con IA · Publicación y dominios13
Gabriel Melillo · Instituto Madero
Clase 5 · Entender el registro A
A responde con una dirección IPv4.
Copiá la IP de tu hosting. Cambiar el A de un nombre puede cambiar qué web aparece allí.
Marketing Digital con IA · Publicación y dominios14
Gabriel Melillo · Instituto Madero
Clase 5 · Entender el CNAME
CNAME crea un alias.
No es una redirección.
El destino se escribe sin https:// y sin /rutas. El hosting también debe reconocer el dominio.
Marketing Digital con IA · Publicación y dominios15
Gabriel Melillo · Instituto Madero
Clase 5 · Qué registro corresponde
El registro se elige
por lo que pide el servicio.
Quiero usar un subdominio
turnos.taller-ejemplo.com.ar
En nuestro ejemplo de Netlify:
CNAME → mi-taller.netlify.app.
Lo agregás primero al proyecto.
Quiero usar la raíz
taller-ejemplo.com.ar
Seguí la configuración específica del hosting y del proveedor DNS.
Puede pedir A, ALIAS/ANAME o un CNAME aplanado.
Un CNAME estándar tiene restricciones en la raíz. Cloudflare puede resolver ese caso con flattening.
Marketing Digital con IA · Publicación y dominios16
Gabriel Melillo · Instituto Madero
Clase 5 · Paso 1 · En el hosting
Primero agregá el dominio
al proyecto del hosting.
Netlify · Proyecto mi-taller · DominiosESQUEMA DIDÁCTICO
Agregar dominio personalizado
turnos.taller-ejemplo.com.ar↓
| Tipo pedido | Nombre | Destino que entrega el proyecto |
|---|---|---|
| CNAME | turnos | mi-taller.netlify.app |
El panel está ilustrado para explicar la relación. Copiá los valores de tu proyecto real.
Marketing Digital con IA · Publicación y dominios17
Gabriel Melillo · Instituto Madero
Clase 5 · Paso 2 · En el DNS
Después copiá la instrucción
en tu proveedor DNS.
Instrucción del hostingESQUEMA DIDÁCTICO
TIPO
CNAMENOMBRE
turnosVALOR
mi-taller.netlify.app↓ MISMA FILA, MISMOS TRES DATOS ↓
Cloudflare · DNS · Agregar registroESQUEMA DIDÁCTICO
Type
CNAMEName
turnosTarget
mi-taller.netlify.appRevisá el nombre completo que genera el panel. Si completa el dominio solo, escribí únicamente turnos.
Marketing Digital con IA · Publicación y dominios18
Gabriel Melillo · Instituto Madero
Clase 5 · El caso .com.ar
En NIC podés delegar.
Los registros se editan en otro lado.
NIC Argentina
Administra el dominio .com.ar.
Permite cambiar servidores DNS.
No tiene un editor para crear filas A, CNAME, TXT o MX.
Cloudflare DNS
En este ejemplo va a administrar la zona.
Acá sí agregás los registros.
El dominio continúa registrado y renovándose en NIC.
Si tu dominio ya usa otro proveedor con editor DNS, también podés configurarlo allí.
Marketing Digital con IA · Publicación y dominios19
Gabriel Melillo · Instituto Madero
Clase 5 · NIC y Cloudflare · Preparar
En Cloudflare, agregá el dominio
y revisá lo que ya existe.
Cloudflare · Agregar dominio · Plan FreeESQUEMA DIDÁCTICO
Dominio raíz
taller-ejemplo.com.ar| Registros detectados | Antes de delegar | Qué conservás |
|---|---|---|
| Web | A / AAAA / CNAME existentes | La página actual, si ya tenés una. |
| Correo | MX y TXT de autenticación | Los servicios que ya enviaban o recibían. |
La importación puede omitir registros. Compará con el DNS anterior y conservá una copia.
Marketing Digital con IA · Publicación y dominios20
Gabriel Melillo · Instituto Madero
Clase 5 · NIC y Cloudflare · Delegar
Copiá los servidores asignados.
En NIC elegí Delegar.
Cloudflare · Servidores asignadosESQUEMA DIDÁCTICO
Servidor 1
NS 1 de tu cuentaServidor 2
NS 2 de tu cuentaEn la cuenta real son nombres terminados en ns.cloudflare.com.
NIC Argentina · DelegarESQUEMA DIDÁCTICO
Servidor 1
el mismo NS 1Servidor 2
el mismo NS 2Guardás esos servidores. Para este caso no elegís Autodelegar.
En esos campos van servidores de nombres: no la IP del hosting ni el destino CNAME de la landing.
Marketing Digital con IA · Publicación y dominios21
Gabriel Melillo · Instituto Madero
Clase 5 · Después de delegar
Cuando Cloudflare esté activo,
volvé a los registros de la landing.
| Lo que necesitás hacer | Dónde lo hacés | Qué termina cambiando |
|---|---|---|
| Renovar el dominio | NIC Argentina | La vigencia del nombre. |
| Cargar el CNAME de turnos | Cloudflare → DNS | El destino de ese nombre. |
| Agregar o verificar el dominio | Proyecto mi-taller en Netlify | Que ese proyecto atienda la dirección. |
| Corregir textos o imágenes | Archivos del proyecto en Netlify | El contenido que ve el visitante. |
Delegar no sube la web. Conectar el dominio no cambia los textos. Cada operación tiene su lugar.
Marketing Digital con IA · Publicación y dominios22
Gabriel Melillo · Instituto Madero
Clase 5 · Verificación y HTTPS
La conexión termina cuando
abre con HTTPS.
1 · Dominio reconocido
El hosting muestra el nombre como verificado.
El DNS apunta al destino correcto.
2 · Certificado activo
La URL https://… abre sin error de certificado.
Su emisión puede tardar después del cambio DNS.
3 · www y raíz revisados
Son nombres distintos.
Agregá los que vas a usar, elegí la dirección principal y redirigí desde el hosting.
Una redirección web lleva de una URL a otra. Un CNAME es un alias DNS: cumplen funciones distintas.
Marketing Digital con IA · Publicación y dominios23
Gabriel Melillo · Instituto Madero
Clase 5 · Web y correo
El dominio puede servir a tu web
y a tu correo, por separado.
Para abrir la landing
turnos.taller-ejemplo.com.ar
Hosting + configuración del dominio.
El botón de WhatsApp vive dentro del HTML.
Para enviar o recibir emails
Necesitás el servicio de correo correspondiente y sus registros.
Comprar el dominio no crea automáticamente un buzón.
Una landing con WhatsApp puede funcionar sin configurar un servicio de envío de emails.
Marketing Digital con IA · Publicación y dominios24
Gabriel Melillo · Instituto Madero
Clase 5 · Leer una tabla de correo
Un servicio de envío puede pedir
una tabla como esta.
| Tipo | Nombre ilustrativo | Valor que copiás de tu cuenta | Función |
|---|---|---|---|
| TXT | envios | TXT SPF completo | Autorizar servidores de envío. |
| TXT | s1._domainkey.envios | Clave pública DKIM completa | Verificar la firma. |
| CNAME | links.envios | Nombre de seguimiento | Usar enlaces con tu dominio. |
| MX | envios | Servidor receptor 1 + prioridad | Recibir lo que indique ese servicio. |
| MX | envios | Servidor receptor 2 + prioridad | Otro servidor de recepción. |
Ejemplo de 2 TXT + 1 CNAME + 2 MX. La cantidad y los valores dependen del proveedor; puede pedir además DMARC.
Marketing Digital con IA · Publicación y dominios25
Gabriel Melillo · Instituto Madero
Clase 5 · Qué autentica el correo
SPF, DKIM y DMARC ayudan
a comprobar quién envía.
SPF · servidores autorizados
El receptor consulta si el servidor puede enviar para el dominio de retorno.
DNS: normalmente un TXT.
Un solo SPF por nombre.
DKIM · firma del mensaje
El servicio firma el email. El receptor verifica esa firma con una clave pública.
DNS: TXT o CNAME, según el proveedor.
DMARC · política e informes
Relaciona la autenticación con el remitente visible y define cómo tratar fallos.
DNS: TXT en _dmarc.
Configurar autenticación no garantiza la bandeja de entrada: también influyen reputación, consentimiento y contenido.
Marketing Digital con IA · Publicación y dominios26
Gabriel Melillo · Instituto Madero
Clase 5 · Recibir y seguir enlaces
MX recibe correo.
Un CNAME puede conectar los enlaces.
MX · recepción
El remitente busca los MX del nombre al que envía.
El número de prioridad más bajo tiene preferencia. Copiá los valores del proveedor.
Un MX no crea por sí mismo un buzón para leer respuestas.
CNAME · seguimiento
links.envios… puede ser un alias hacia el servicio que mide los enlaces.
Su función es distinta del CNAME turnos de la web.
Las respuestas dependen del buzón y de la dirección Reply-To.
Las filas se entienden por su función y su nombre. Dos registros CNAME pueden conectar servicios distintos.
Marketing Digital con IA · Publicación y dominios27
Gabriel Melillo · Instituto Madero
Clase 5 · Errores frecuentes
Revisá estas diferencias
antes de guardar.
| Error | Por qué falla | Qué revisar |
|---|---|---|
| Nombre duplicado | El panel agregó el dominio dos veces. | turnos frente al nombre final completo. |
| Destino con https o /ruta | CNAME espera un nombre DNS. | Copiar solo el destino indicado. |
| TXT cortado o dos SPF | La autenticación queda inválida. | Valor completo y un SPF por nombre. |
| Proxy o NS equivocados | El servicio puede no verificar. | Indicación del proveedor y NS de tu zona. |
No cambies los MX de un correo existente para conectar la web. Guardá una copia antes de modificar una zona.
Marketing Digital con IA · Publicación y dominios28
Gabriel Melillo · Instituto Madero
Clase 5 · Cloudflare · Nube gris y naranja
La nube indica por dónde
pasa el tráfico de la web.
Nube gris · DNS only
Cloudflare responde la consulta DNS.
El navegador se conecta directamente al destino configurado.
Cloudflare administra el nombre, pero no actúa como proxy de esa web.
Nube naranja · Proxied
La conexión web pasa por Cloudflare.
Cloudflare puede aplicar sus funciones de proxy, protección y caché antes de llegar al origen.
El servicio de destino debe ser compatible con esa conexión.
El estado se elige según el servicio. No todos los registros admiten proxy: no es una opción para los TXT o MX.
Marketing Digital con IA · Publicación y dominios29
Gabriel Melillo · Instituto Madero
Clase 5 · Cómo diagnosticar
Si no abre, el síntoma
te dice dónde empezar.
| Qué funciona / qué falla | Primer lugar a revisar |
|---|---|
| No abre ni el enlace gratuito. | Publicación, index.html, archivos y estado del hosting. |
| El gratuito abre; el dominio propio no. | Dominio en el proyecto + registros en el DNS vigente. |
| Abre la raíz, pero www no. | Son nombres distintos: revisar ambos en DNS y hosting. |
| DNS correcto, pero error HTTPS. | Estado del certificado y verificación en el hosting. |
| El correo falló después de delegar. | Comparar MX, TXT y demás registros con la zona anterior. |
Los cambios usan cachés y TTL. Una espera puede ser normal; un valor equivocado no se arregla esperando.
Marketing Digital con IA · Publicación y dominios30
Gabriel Melillo · Instituto Madero
Clase 5 · Comprobá lo entendido
Antes de tocar un panel,
elegí dónde actuarías.
Caso 1 · El CNAME
Compraste un .com.ar en NIC y lo delegaste a Cloudflare.
Netlify te pide un CNAME para turnos. ¿Dónde lo cargás?
En Cloudflare → DNS. En Netlify agregás y verificás el dominio. NIC conserva el registro y la delegación.
Caso 2 · La dirección
La instrucción pide el destino mi-taller.netlify.app.
¿Pegarías https://mi-taller.netlify.app/frenos en Target?
No. El CNAME lleva solo el nombre DNS. La ruta /frenos y las redirecciones se resuelven en el sitio.
Marketing Digital con IA · Publicación y dominios31
Gabriel Melillo · Instituto Madero
Clase 5 · El recorrido completo
La conexión técnica sirve
para que continúe la consulta.
Mismo tema, mismo servicio y un siguiente paso claro. El dominio es una dirección dentro de ese recorrido.
Marketing Digital con IA · Publicación y dominios32
Gabriel Melillo · Instituto Madero
Clase 5 · Qué queda funcionando
Tu entrega es un recorrido
que otra persona pueda probar.
- 01Publicación: abre tu enlace gratuito y cargan las imágenes.
- 02Dirección: elegiste enlace gratuito o conectaste tu dominio y su HTTPS.
- 03Conexión: el perfil llega a la landing y el botón abre el WhatsApp correcto.
- 04Control: sabés dónde están el dominio, su DNS y los archivos.
Compartí el enlace y explicá qué debe hacer quien llega. El dominio propio sigue siendo opcional.
Marketing Digital con IA · Publicación y dominios33
Notas del orador · N para ocultar · se guardan en este navegador
→ / espacio siguiente · ← anterior · Home / End primera / última
F pantalla completa · N notas · Esc ocultar notas y ayuda
? esta ayuda · Clic en la zona derecha: avanzar; cuarto izquierdo: volver.
Las notas se muestran en esta ventana: ocultalas antes de compartir pantalla. El PDF sirve de respaldo.
F pantalla completa · N notas · Esc ocultar notas y ayuda
? esta ayuda · Clic en la zona derecha: avanzar; cuarto izquierdo: volver.
Las notas se muestran en esta ventana: ocultalas antes de compartir pantalla. El PDF sirve de respaldo.