Agregar un logo

Muestra un logotipo que sea exclusivo de tu marca en el encabezado de tu sitio web.

Última actualización: 17 de diciembre de 2024

Puedes cargar un logo o imagen para que aparezca en lugar del título de tu sitio. Esta es una excelente manera de promocionar tu marca en el sitio.

Al hacer clic en la imagen de tu logo irás a tu página de inicio.

Mira el video

Añadir un título del sitio web

Antes de agregar tu logo, asegúrate de que has reemplazado el texto predeterminado del marcador de posición de Título de tu sitio con el nombre de tu sitio porque:

  • El título del sitio crea el texto alternativo del logotipo.
  • Los motores de búsqueda indexan el título del sitio y pueden mostrarlo en los resultados de búsqueda, por lo que establecer un título del sitio es una práctica recomendada para SEO.
  • El título del sitio puede aparecer en las pestañas del navegador, según el formato del título de SEO.

Para obtener más ayuda, visita Añadir un título para el sitio.

Preparar la imagen de tu logotipo

Para obtener mejores resultados:

Si aún no tienes un logotipo, puedes crear uno con Squarespace Logo. No es posible usar imágenes de stock para tu logotipo.

Agregar una imagen de logotipo

La forma en que se agrega una imagen de logotipo a un equipo depende de la versión del sitio. También puedes añadir un logotipo en la aplicación de Squarespace.

Para añadir una imagen de logotipo:

  1. Haz clic en Editar, en la esquina superior izquierda de la vista previa de tu sitio.
  2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
  3. Haz clic en el título o el logotipo de tu sitio. Luego, haz clic en el icono del lápiz .
  4. En las secciones Imagen de logotipo o Imagen de logotipo en dispositivos móviles, haz clic en + para agregar una nueva imagen:
    • Para cargar una imagen desde tu dispositivo, selecciona Cargar archivo.
    • Para reutilizar una imagen, haz clic en Seleccionar desde biblioteca.
  5. Usa los controles deslizantes para cambiar la altura del logotipo en pantallas adaptativas o en dispositivos móviles.
  6. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Para añadir una imagen de logotipo:

  1. Desplaza el cursor sobre el título de cualquier página y haz clic en Editar. Se abrirá el panel de Logotipo y título. (También puedes abrir el panel de Diseño y luego hacer clic en Logotipo y título).
  2. Desplázate hasta Imagen del logo. Arrastra tu imagen al cargador de imágenes o haz clic en cualquier lugar del cargador de imágenes para seleccionar un archivo de la computadora.
  3. Haz clic en Guardar y actualiza la página.

Para añadir una imagen de logotipo:

  1. Toca Más, Diseño y, a continuación, Logotipo y título.
  2. Toca Logotipo.
  3. Pulsa Añadir imagen.
  4. Elige una imagen:
    • Toma una foto nueva - Toca Tomar foto o Cámara.
    • Elige una imagen de tu dispositivo - Pulsa Biblioteca de fotos o Archivos.
    • Elige una imagen de iCloud - Pulsa Insertar de....
  5. Toca Atrás para volver a la configuración de Logotipo y Título, luego pulsa Guardar para publicar tus cambios.

Después de agregar una imagen, puedes:

Normalmente, el logotipo se muestra en la parte superior del sitio. El estilo de tu logotipo depende de la versión de tu sitio. El diseño del logotipo solo se admite en un equipo.

Puedes cambiar la posición y el tamaño del logotipo tanto para un equipo como para un dispositivo móvil:

  1. Haz clic en Editar, en la esquina superior izquierda de la vista previa de tu sitio.
  2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
  3. En la esquina superior derecha de la pantalla, selecciona el ícono de Computadora para acceder a la vista de escritorio.
  4. Haz clic en Editar diseño
  5. Haz clic en el diseño actual para revisar todas las opciones y luego haz clic en el diseño que prefieras.
  6. En la esquina superior derecha de la pantalla, haz clic en el ícono Móvil y sigue los mismos pasos para establecer la posición del logotipo para la vista móvil.  
  7. Haz clic en el icono Computadora para volver al editor del encabezado principal.
  8. Haz clic en el logotipo, luego en el icono del lápiz.
  9. Usa los controles deslizantes para cambiar Altura del logotipo y Altura máxima del logotipo en dispositivo móvil. El diseño del encabezado para computadoras de escritorio que seleccionaste puede limitar la altura del logotipo.
  10. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

La posición predeterminada y las opciones para mover el logotipo varían según la plantilla y pueden aparecer de forma diferente en un dispositivo móvil. Para obtener más información, visita Título del sitio y visualización del logotipo.

Para obtener más información sobre la configuración del logo de tu sitio, explora el Editor de Estilo de tu plantilla y consulta nuestras guías de plantillas.

En la mayoría de las plantillas, puedes cambiar el tamaño del logotipo. Algunas plantillas tienen alturas o anchos máximos.

La forma de quitar una imagen de logotipo en un equipo depende de la versión del sitio. También puedes eliminar el logotipo en la aplicación de Squarespace. Cuando elimines un logotipo, el título del sitio volverá a aparecer.

Para eliminar el logotipo del sitio, edita el encabezado:

  1. Haz clic en Editar, en la esquina superior izquierda de la vista previa de tu sitio.
  2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
  3. Haz clic en el logotipo, luego en el icono del lápiz.
  4. Debajo de la imagen de tu logotipo, haz clic en Reemplazar para elegir un nuevo logotipo. Para borrar tu logotipo, haz clic en los tres puntos y luego selecciona Eliminar.
  5. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Para eliminar el logotipo del sitio:

  1. Abre el panel de Diseño y haz clic en Logotipo y título.
  2. Desplázate hacia abajo y posiciona el cursor sobre la imagen de tu logo. Haz clic en el ícono de la papelera para eliminar la imagen.
  3. Haz clic en Guardar.
  1. Toca Más, Diseño y, a continuación, Logotipo y título.
  2. Toca Logotipo.
  3. Toca Eliminar debajo de la imagen.
  4. Toca Atrás para volver a la configuración de Logotipo y Título, luego pulsa Guardar para publicar tus cambios.

Usa un logo con texto

No es posible mostrar un logotipo y el título del sitio al mismo tiempo. En su lugar, utiliza una imagen de logotipo que incluya el texto del título del sitio.

Dado que el texto del archivo de imagen del logotipo no es indexable por los motores de búsqueda, recomendamos que mantengas el texto del título del sitio en el campo Título del sitio cuando utilices un logotipo.

Fondos transparentes

Para crear un logotipo sin un color de fondo, asegúrate de que es un archivo .png con un fondo transparente. Puedes utilizar software de terceros para crear esto o bien, Squarespace Logo para crear fondos transparentes automáticamente.

Nota

Si editas tu imagen con nuestro editor de imágenes integrado, se guardará como un archivo .jpg y se perderá toda la transparencia. Si deseas conservar el formato .png, usa un software de terceros.

Al hacer clic en la imagen de tu logo irás a tu página de inicio. Este enlace no puede dirigir a una página diferente del sitio a menos que apliques código personalizado.

Ten en cuenta que añadir código a tu sitio es una modificación avanzada y no podemos ofrecer más ayuda sobre este tema.

Cambiar el tamaño de un logotipo en la versión 7.0

Consejo

Si tu sitio está en la versión 7.1, utiliza la configuración del encabezado para cambiar el tamaño del logotipo.

La forma en que cambias el tamaño del logotipo depende de la familia de plantillas. Abre el panel Diseño y usa los ajustes a continuación para aumentar o disminuir el tamaño del logotipo. 

Familia de plantillas Computadora Móvil

Adirondack

Altura del logotipo.Altura máxima de 125 píxeles. El título del sitio se muestra siempre.

Avenue

Tamaño máximo del logotipo.Tamaño máximo de 300 píxeles. Tamaño del logotipo en dispositivos móviles.Tamaño máximo de 300 píxeles.

Aviator

Tamaño del logotipo y Tamaño del logotipo de la página de información. El tamaño máximo para ambos logotipos es 100 %. Tamaño del logotipo en dispositivos móviles y Tamaño del logotipo de la página de información. El tamaño máximo es 100 %.

Bedford

Logo Container Width (Ancho del Contenedor del Logo). Altura máxima de 100 píxeles.

Ancho del contenedor del logotipo. Altura máxima de 65 píxeles.

Brine

Ancho del logotipo en la sección Encabezado: Gestión de marca. Ancho máximo de 320 píxeles. Ancho del logotipo en la sección Dispositivos móviles: Gestión de marca. El ancho máximo es de 240 píxeles, pero está limitado por el Punto de ruptura en dispositivos móviles.

Farro

Ancho del logotipo en la sección Encabezado: Gestión de marca. Ancho máximo de 320 píxeles. Ancho del logotipo en la sección Dispositivos móviles: Gestión de marca. Ancho máximo de 240 píxeles.

Five

Altura del logotipo (Banner) y Altura del logotipo (Navegación). Ambos tienen una altura máxima de 480 píxeles.

Igual que en un equipo. Solo se muestra cuando se selecciona Contenido del banner: Eslogan del logotipo del título del sitio.

Flatiron

Altura de imagen del logotipo.Altura máxima de 200 píxeles. Igual que en un equipo.

Forte

Altura máx. de las imágenes del Logo.Altura máxima de 200 píxeles. Igual que en un equipo.

Galapagos

Ancho del logotipo del sitio.Ancho máximo de 100 %. Para el logotipo específico para dispositivos móviles: Altura de navegación.

Ishimoto

Tamaño de Imagen del logotipo.Tamaño máximo de 240 píxeles. Igual que en un equipo.

Momentum

Altura de imagen del logotipo.Altura máxima de 100 píxeles. Altura fija.

Montauk

Tamaño máximo del logotipo.Tamaño máximo de 300 píxeles. Igual que en un equipo.

Native

Ancho del logotipo. Ancho máximo de 1280 píxeles. Igual que en un equipo. Altura máxima de 300 píxeles.

Pacific

Ancho del logotipo. Ancho máximo de 300 píxeles. Igual que en una computadora de escritorio. Altura máxima de 70 píxeles.

Skye

Altura del logotipo.Altura máxima de 120 píxeles. Igual que en un equipo.

Supply

Tamaño del logotipo.Tamaño máximo de 160 píxeles. Altura fija. Marca la opción Usar título del sitio en el encabezado para dispositivos móviles para mostrar el título en lugar del logotipo.

Tremont

Altura del logotipo.Altura máxima de 150 píxeles. Tabletas: Altura del logotipo y Dispositivos móviles: Altura del logotipo.La altura máxima de ambos es de 150 píxeles.

Wells

Ancho de imagen del logotipo.Ancho máximo de 600 píxeles. Tamaño de imagen del logotipo para dispositivos móviles. Tamaño máximo de 255 píxeles.
Wexley Tamaño de la imagen del logotipo (máx.)Tamaño máximo de 200 píxeles. Igual que en un equipo.

York

Altura del logotipo (máx.)Altura máxima de 300 píxeles. Ancho del logotipo en la sección Dispositivo móvil: Barra. Ancho máximo de 240 píxeles.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.