Cómo agregar una imagen de redes sociales a su repositorio de proyectos de Github

Compartir enlaces sin una imagen social puede convertir un contenido poderoso en un fracaso. ¿Cómo podemos aprovechar las propiedades inmobiliarias que nos brindan las redes sociales cuando compartimos nuestro arduo trabajo en Github?

¿Quiere saltarse el "qué" y el "por qué"? ¡Salte al "cómo"!

Impacto de las imágenes en las redes sociales

Cualquier feed de redes sociales es una ráfaga de contenido que puede ser difícil de digerir por completo. A medida que se desliza o se desplaza por las fuentes, se encontrará con contenido basado en texto y una tonelada de medios.

¡Y esto es por una buena razón! Al escanear el ejemplo anterior, ¿qué se destaca? No el retweet de partículas de polvo de CodePen a la izquierda, sino el AWS en el medio, la nariz de perro en la parte superior izquierda y Al Pacino en la parte superior derecha entre las otras publicaciones de medios grandes.

Las imágenes, los gifs y los videos son una buena forma de proporcionar contenido llamativo. Como beneficio adicional, por lo general ocupan mucho más espacio en el feed, por lo que es aún más probable que tengas la oportunidad de verlo.

Lo mínimo en Github

Al compartir sus proyectos de Github en las redes sociales, la opción predeterminada es bastante insulsa. Tome este tweet como ejemplo:

¿Necesitas importar emojis desde otro espacio de trabajo de Slack? ¡No te preocupes, ahora hay un guión! //t.co/cNKihZyCMP

- Colby Fayock (@colbyfayock) 8 de febrero de 2020

Github nos brinda una simple tarjeta de redes sociales que consta de nuestro avatar de Github, la ruta de nuestro proyecto y la breve descripción de la parte superior de la página.

Ahora es genial que incluso muestren una tarjeta para empezar y, para ser justos, ¿qué mostrarían? Pero este tweet se saltará con bastante facilidad en los feeds de las personas entre imágenes grandes y brillantes.

Imágenes de github social media

Afortunadamente, Github nos brinda una manera agradable y fácil de agregar una imagen a cada repositorio que puede ayudar a que el contenido que compartimos funcione un poco más por sí mismo.

Con un poco de trabajo creativo, podemos subir una imagen que aprovechará el espacio en los feeds de las personas y conseguirá que tu trabajo reciba la atención que se merece.

Antes de sumergirnos, debe tenerse en cuenta que debe tener el acceso adecuado para poder modificar la configuración del repositorio para cambiar la imagen. Si creó el repositorio, es probable que tenga este acceso.

Encontrar o crear una imagen

Antes de subir una imagen, necesitamos una imagen en primer lugar. Puede seguir una de dos rutas: buscar una imagen o crear una nueva.

Si desea seguir la ruta simple, puede buscar imágenes gratuitas para usar que son bastante fáciles de encontrar en la web. Uno de mis favoritos es Unsplash, ya que normalmente encontrará imágenes de alta calidad, pero hay muchas otras que puede encontrar con una simple búsqueda. Sin embargo, agregar fotos suele ser mejor para publicaciones de blog y publicaciones basadas en contenido.

Los sitios JAMstack están de moda en este momento, y por una buena razón: son rápidos y es bastante fácil comenzar a construir uno.

Si desea obtener más información, este artículo de @colbyfayock le mostrará qué es JAMstack y cómo sumergirse directamente .//t.co/7NaiUUsAou

- freeCodeCamp.org (@freeCodeCamp) 19 de febrero de 2020

La mejor ruta es crear la tuya propia. La ventaja de crear una imagen es que puede personalizarla con texto grande para captar más atención en el feed.

Hay un montón de herramientas gratuitas disponibles que le permiten crear una imagen comenzando con una plantilla específica de redes sociales, por lo que no necesita gastar dinero en Photoshop para llegar allí.

El único requisito para su imagen es que su tamaño debe ser de al menos 640 × 320px. Si es posible, esfuércese por obtener al menos 1280 × 640 px para asegurarse de que la imagen se muestre en alta resolución en los feeds.

Agregar una imagen a su repositorio de Github

Una vez que tenemos nuestra imagen, solo nos queda agregar la imagen a nuestro repositorio, que posiblemente sea la parte más simple.

Primero, navegue a la Configuración de su Repo usando la pestaña de navegación hacia la parte superior de la página. Como recordatorio, debe poder modificar la configuración para cambiar la imagen.

A continuación, desplácese hacia abajo hasta la sección Vista previa social, donde si actualmente no tiene un conjunto de imágenes, encontrará un gran rectángulo vacío con un botón de edición en la esquina inferior izquierda.

Haga clic en el botón Editar, seleccione Cargar una imagen, luego busque su imagen en su computadora y seleccione el archivo.

Una vez seleccionado, su archivo de imagen se cargará en Github y se establecerá como su imagen social.

Vista previa de su nueva imagen

Cuando haya terminado de cargar su imagen, puede dirigirse a su plataforma social favorita y probarla. Publicar en Twitter, por ejemplo, ahora mostrará una bonita imagen grande en lugar de tu pequeño avatar de Github.

Encienda fácilmente una aplicación de mapeo @reactjs con este @gatsbyjs starter //t.co/x0YJUuAzvz

- Colby Fayock (@colbyfayock) 20 de febrero de 2020

Como puede ver, este tweet maximiza el espacio disponible y hace entender de qué se trata el proyecto.

Algunos consejos al crear imágenes

Texto grande y sencillo

Puede ser fácil quedar atrapado en el diseño excesivo de un gráfico o no prestar suficiente atención al tamaño de fuente. Asegúrese de usar letras grandes con una fuente que sea fácil de leer, de modo que cuando alguien se desplace más allá de su publicación, pueda entenderla y no simplemente omitirla.

Agregar un logo

¿Tiene un logo para su proyecto? ¿O es un complemento para una herramienta específica? ¡Intente agregar un logotipo para dar contexto de inmediato sobre el tema del proyecto!

Maximizar la resolución

A nadie le gusta mirar imágenes de mala calidad. Aproveche todos esos valiosos píxeles y cargue una imagen que se traducirá en alta calidad en un feed. Github recomienda particularmente un tamaño de imagen de al menos 1280 × 640px.

¿Tiene otros trucos para maximizar el intercambio en las redes sociales?

¡Comparte tus consejos favoritos conmigo en Twitter!

¡Sígueme para obtener más Javascript, UX y otras cosas interesantes!

  • ? Sigueme en Twitter
  • ? ️ Suscríbete a mi Youtube
  • ✉️ Suscríbete a mi boletín