https://www.youtube.com/watch?v=gsIdcqDYhrw
No existe una forma infalible de evitar que alguien copie el texto o las fotos de tu sitio web. Sin embargo, hay varias medidas que puedes tomar para dificultar la copia y proteger tu contenido:
1. Derechos de autor
- Aviso de derechos de autor: Incluye un aviso de derechos de autor en tu sitio web, generalmente en el pie de página. Esto informa a los visitantes que tu contenido está protegido por derechos de autor y que no pueden copiarlo sin tu permiso.
- Marca de agua: Agrega marcas de agua a tus imágenes con tu nombre o logotipo. Esto hará que sea menos atractivo copiarlas y te ayudará a promocionar tu marca.
2. Medidas técnicas
- Deshabilitar el clic derecho: Puedes usar código JavaScript para deshabilitar el menú contextual que aparece al hacer clic derecho en tu sitio web. Esto dificultará que los visitantes copien texto o guarden imágenes directamente desde tu sitio.
- Impedir la selección de texto: También puedes usar código JavaScript para impedir que los visitantes seleccionen texto en tu sitio web. Esto dificultará que copien y peguen tu contenido en otro lugar.
- Proteger tus imágenes:
/* Contenedor de los botones */
.nav-buttons {
display: flex;
justify-content: center;
gap: 20px;
}
/* Estilos de los botones */
.btn {
display: flex;
align-items: center;
justify-content: center;
background-color: 23a0ac;
color: white;
font-size: 20px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: 0.3s;
border-radius: 5px;
}
/* Flechas */
.btn::before {
content: '◄'; /* Flecha izquierda por defecto */
font-size: 20px;
margin-right: 8px;
}
.next::before {
content: '►'; /* Flecha derecha para el botón siguiente */
margin-right: 0;
margin-left: 8px;
}
/* Efecto hover */
.btn:hover {
background-color: #555;
}
/* Estilos responsivos para móviles */
@media (max-width: 600px) {
.btn {
font-size: 14px;
padding: 6px 12px;
}
.btn::before {
font-size: 14px;
}
}
