Formar un grupo VKontakte. Direcciones de cuentas en otras redes sociales. Descarga la portada terminada del grupo

¡Hola mis queridos!

Hoy te lo contaré en detalle, cómo hacer un menú para un grupo VKontakte. en mi experiencia menú en el grupo en contacto aumenta el número de llamadas y solicitudes en un 20%. Es importante adoptar un enfoque responsable a la hora de crear un menú grupal. Por eso, he preparado una plantilla PSD de menú para facilitar tu trabajo.

Empezaré con el hecho de que hoy hay dos opciones de menú:

Opción 1: Menú de grupo cerrado

Menú cerrado, se abre al hacer clic en el enlace. En el siguiente ejemplo, el menú se abre al hacer clic en el enlace "¡ABRIR MENÚ DE GRUPO!".



Opción 2: Abrir menú de grupo (publicación fijada)

Un menú abierto es esencialmente una publicación fijada con un enlace activo.



La segunda opción de menú apareció hace relativamente poco tiempo, cuando fue posible fijar publicaciones del muro al encabezado de un grupo o página pública. Ahora es el más eficaz.

Ambas opciones utilizan marcado wiki. Marcado wiki te permite diseñar fácil y rápidamente la apariencia del grupo, creando tablas gráficas y spoilers, formateando texto y trabajando con imágenes, enlaces y anclajes. No me detendré en las marcas en detalle, porque... VKontakte tiene un editor visual incorporado que traduce automáticamente su contenido a formato wiki. Aquí solo daré los códigos básicos, sin los cuales es imposible crear un menú.

Cómo hacer un menú abierto en VKontakte

Analizaremos el proceso de creación de un menú usando el ejemplo de la Opción 2, es decir abrir menú.

Para que te resulte más fácil la navegación, te he preparado Plantilla PSD de menú: [Atención. El diseño de VKontakte ha cambiado. Nuevo diseño y otra información relevante en]

Plantilla de menú de grupo PSD

Para crear un menú externo, necesitarás 2 imágenes: un avatar (a la derecha) y uno central (imagen de acción).

Dimensiones del avatar: 200 x 332 px

Dimensiones de la imagen central: 395 x 282 px



Paso 1.

Usando la plantilla PSD del menú de grupo descargada arriba, haga dos imágenes de los tamaños requeridos.

Paso 2.

En tu grupo, ve a "Gestión comunitaria" (a la derecha debajo del avatar). Busque el elemento "Materiales" (en la pestaña "Información") y conviértalo en "Restringido".



Paso 3.

Ahora regrese a la página principal de su grupo y haga clic en "Editar" en el bloque "Materiales" que aparece (ya le cambié el nombre a Menú de grupo).



Al editar la página, establezca el título, puede crear secciones o cualquier otra información usando la barra de herramientas. Haga clic en "Guardar página" y "Volver a la página"



Paso 4.



En mi ejemplo https://vk.com/page-42211349_47355854,

Los primeros números 42211349 son su identificación de grupo.

Los segundos dígitos 47355854 son la identificación de la página.

El truco: puedes crear páginas adicionales manualmente. Para hacer esto, siga el enlace como:
https://vk.com/pages?oid=-хххххххх&p=nombredepágina
Dónde,
xxxxxxxxxx es tu ID de grupo
nombre de página: el nombre de su página

Paso 5.



Y publicar la publicación.

Paso 6.

Ahora sube el avatar del grupo (imagen de la derecha). Aparecerá una imagen de avatar duplicada en la pared; elimínela.

Paso 7

Ahora atención. Haga clic en HORA DE PUBLICACIÓN (esquina inferior izquierda de la publicación).



Y haga clic en "Fijar". Cierre esta ventana y actualice la página de su grupo (F5).



Paso 8

Escribimos el estado del grupo (use solo 1 línea) para alinear las imágenes si el dibujo en su avatar no comienza desde arriba (en mi plantilla de avatar, opción 2). Y esto es lo que obtuvimos:



RESULTADO.

¡El menú está listo! Ahora, cuando haces clic en la imagen central, se abre tu menú:



Aquí puedes editarlo, publicar fotos, videos, crear nuevas secciones y publicar enlaces.

También puedes crear un menú gráfico (submenú) dentro del menú principal. Su ancho no debe exceder los 600 px. La altura es ilimitada. Lo que le permite crear excelentes páginas de destino de VKontakte.



Pero hablaré de esto con más detalle en los siguientes artículos. Suscríbase a las actualizaciones del blog para mantenerse actualizado sobre las nuevas funciones. Dale me gusta y comparte el artículo con tus amigos.

Publique sus preguntas u opiniones en los comentarios a continuación.

Promocionar su propio proyecto (sitio web) en una red social es ahora una actividad popular y, a menudo, rentable. Una red social es ese lugar tan "sospechoso" donde el flujo de visitantes fluirá constantemente como un río. Así, podrás aumentar el reconocimiento de tu propio proyecto de forma totalmente gratuita. En mi opinión, el método de promoción más prometedor en las redes sociales es agregar grupos de VKontakte a su promoción adicional.

¿Por qué necesitas conectar el menú?

Incluso en la etapa de creación de un grupo VKontakte, es necesario tener en cuenta de antemano cómo se verá su "atuendo" y qué se publicará exactamente en él. Después de todo, el objetivo principal es reunir una determinada audiencia en su grupo...

Como habrás adivinado, el menú de VKontakte es una especie de "atrayente" para el grupo, por lo que debe ser lo más colorido e interesante posible. En el futuro, los gráficos exitosos pueden jugar a su favor, multiplicando muchas veces su popularidad y éxito. Quién sabe, tal vez dentro de un año recuerdes con ternura cómo acabas de iniciar tu andadura con la decoración. ¿Crees que es difícil? Para nada, ¡dedica sólo un par de horas a crear un menú único!

Para diseñar el menú de un grupo ya creado, necesitarás el inestimable programa Photoshop y... Este editor crea imágenes únicas. Tome una imagen adecuada con un ancho de aproximadamente 380-385 píxeles (la altura es la cantidad de elementos en el menú gráfico de su grupo). A continuación, debe abrir la imagen a través de Photoshop y utilizar la herramienta para aplicar los elementos del menú planificados a la imagen. Un poco de imaginación a la hora de elegir la fuente, el tamaño del color no vendrá mal, pero sin llegar a los extremos... Tú decides si recortar o no la imagen si queda un espacio vacío en la parte inferior. Si la imagen es significativa, no es necesario que la acorte.

El siguiente paso es dividir la imagen completa en varias pequeñas. En otras palabras, es necesario dividir la imagen en supuestos elementos del menú, en los que cada uno de ellos, al hacer clic en sí mismo, redirigirá al miembro del grupo a otra página, etc. Es posible dividir una imagen para un menú futuro utilizando la función "Cortar" sin cambios en el editor de imágenes de Photoshop. Por supuesto, puedes utilizar plantillas ya preparadas, afortunadamente, ahora no hay nada difícil en descargar la que más te guste y aplicarla.

Después de "dividir" todas las imágenes, debería tener varias imágenes que deben cargarse en el álbum de un grupo creado previamente. No olvides restringir el acceso al álbum para que el menú no se rompa accidentalmente. Cualquier cosa puede pasar... Finalmente, ve a la página de edición del menú (¡en la misma página!) y sigue esta recomendación inmediatamente.

Entonces, vaya al grupo y frente a la inscripción "Últimas noticias", haga clic en el menú "Editar". En la ventana que aparece, deberás insertar el código de marcado wiki. Para un menú gráfico, este código sería el siguiente:

[], Dónde

nopadding – insertado para que nuestro menú no contenga espacios;

Cuando se inserta una de esas líneas en la ventana de edición de marcas wiki, aparecerá inmediatamente el primer elemento de nuestro menú gráfico, ¡pero solo será el primero! Para realizar el procedimiento completo para agregar todos los elementos del menú gráfico de nuestro grupo VKontakte, será necesario insertar el código anterior tantas veces como imágenes hayamos preparado inicialmente. En consecuencia, cada vez el enlace a la foto (nuestra imagen) será diferente y la ruta también será diferente a la anterior.

Después de completar todo el proceso de insertar y editar los códigos de marcado wiki correspondientes, confirmamos nuestros cambios con el botón "Guardar" y, por supuesto, vemos la obra maestra recién creada: el menú gráfico del grupo VKontakte.

Ejemplos de diseño de grupos populares de VKontakte.

Se pueden dar ejemplos de cómo diseñar grupos de VKontakte durante horas. Por ejemplo, para los amantes de los animales se ve así:

y para los fanáticos de los juegos populares de CS en línea será así:

También son populares los grupos de todo tipo de chistes divertidos o cómics divertidos y asesinos. En una palabra, ¡a cada uno lo suyo!

Breve información sobre el marcado wiki

Como ya saben, el marcado wiki de VKontakte, sobre el que escribí un poco antes () Es una especie de sistema para editar páginas en grupos y que se apoya en descripciones de noticias. El marcado permite a los miembros del grupo crear colectivamente innumerables páginas con referencias cruzadas. En grupos puedes crear minienciclopedias e incluso bibliotecas enteras, así como intercambiar varios enlaces a fotos y vídeos.

Si realmente quieres dominar la ciencia de crear grupos de contactos coloridos y multifuncionales, únete al grupo: http://wiki.vkontakte.ru/, que contiene “toneladas” de información útil... Además, la aplicación instalada será un excelente asesor http://vkontakte.ru/app1755280 , donde se presentan excelentes tutoriales en vídeo sobre marcado wiki.

Crea menús gráficos “en vivo” con diseño original.

El hermoso diseño de la comunidad VKontakte no es un capricho, sino un elemento importante que genera confianza en usted y su empresa. Si una página o grupo público está diseñado de manera poco profesional, sus clientes potenciales pueden concluir lógicamente que usted es igualmente negligente en su trabajo. Para evitar que esto suceda, asegúrese de que su página de VKontakte sea hermosa, ordenada y fácil de usar. ¿Cómo hacer esto? Lea a continuación.

Tamaños actuales de las imágenes de VKontakte

Hace algún tiempo, los desarrolladores de la red social VKontakte lanzaron un nuevo diseño. Esto llevó a cambios en el tamaño y los principios de visualización de imágenes. La nota, que se detallará a continuación, corresponde a todas las innovaciones y contiene los tamaños relevantes en este momento.

Ahora entremos más en detalle en cada punto.

Tamaño del avatar VK

El tamaño mínimo del avatar es de 200 por 200 píxeles. Si intenta cargar una imagen que tiene menos de 200 píxeles de ancho o largo, verá un error como este:

El tamaño máximo del avatar es de 200 por 500 píxeles. Pero, en principio, puede cargar imágenes de mayor tamaño: hasta 7000 píxeles en cada lado. Lo principal es que la relación de aspecto no supere los 2 a 5.

Te lo mostraré con un ejemplo.

Tengo una imagen. Su tamaño: 200 por 800 píxeles (relación de 2 a 8). No hay errores al cargar. Sin embargo, todavía no puedo usar esta imagen porque “Contacto” no me permite seleccionarla por completo.

Cubrir

El tamaño de la portada de la versión completa del sitio es de 1590 por 400 píxeles.

Tenga en cuenta: en la versión móvil y en las aplicaciones, no se muestra la versión completa de la portada, sino solo una parte de ella que mide 1196 por 400 píxeles. Vea cómo se recorta en la aplicación móvil:

Para evitar que esto suceda, coloque los elementos principales de su portada dentro de 1196 por 400 píxeles.

Imágenes adjuntas

En el diseño actualizado de Contact, el ancho de la fuente de noticias se ha fijado. Esto significa que las imágenes adjuntas a la publicación ya no están estiradas, sino que permanecen como están. Por lo tanto, si desea que su imagen ocupe todo su espacio en las noticias, su ancho debe ser de al menos 510 píxeles. Lo mejor es que sea un cuadrado o un rectángulo con orientación horizontal.

Suena un poco confuso :) Así que te lo mostraré con un ejemplo.

Digamos que tenemos una imagen de forma cuadrada con lados de 510 píxeles. Si lo adjuntamos a nuestra publicación, quedará muy bien en las noticias de todos los dispositivos:

Y así es como se ve una imagen horizontal en orientación horizontal (ancho 510 píxeles):

Como puede ver, cuanto más estrecha es la imagen (en altura), más pequeña se ve en la transmisión del teléfono inteligente. Para ver esto, mira la imagen a continuación:

Está claro que la diferencia aquí no es particularmente crítica, y los usuarios de teléfonos inteligentes seguirán mirando su imagen, solo que en el segundo caso se sentirán un poco más cómodos.

Imágenes para publicaciones con enlaces.

Todos estos datos provienen del código de marcado Open Graph:

Si no se especifica Open Graph, el título se toma de la metaetiqueta Título y la imagen del artículo. Al mismo tiempo, puede cambiarla fácilmente o seleccionar otra imagen del artículo usando flechas especiales:

O sube el tuyo:

El tamaño mínimo de una imagen que puedes utilizar como anuncio para tu artículo es de 537 por 240 píxeles. Sin embargo, puedes subir imágenes más grandes siempre que se mantengan las proporciones.

Imagen de un artículo creado en el editor.

El tamaño de la imagen de portada de un artículo creado en el editor es de 510 por 286 píxeles. Es mejor que sea de color oscuro y más o menos monocromático, ya que el nombre del artículo y de la comunidad se pierde sobre un fondo claro.

Buen ejemplo:

No es un muy buen ejemplo:

Tamaño de foto y video para historias.

El tamaño de las fotografías es de 1080 por 1920 píxeles. El tamaño del vídeo es de 720 por 1280 píxeles.

Especificaciones técnicas para grabaciones de vídeo:

• hasta 15 segundos;
• no más de 5 MB;
• códec h.264;
• Sonido CAA.

Las historias deben utilizar fotografías y vídeos en formato vertical.

Tenga en cuenta: actualmente, solo las comunidades grandes para las cuales los desarrolladores de VKontakte han abierto esta función pueden agregar historias en nombre de las comunidades. Y esto se hace mediante la aplicación oficial. Esto no se puede hacer desde una computadora.

Tamaño de la portada del álbum de fotos

Tamaño de imagen de vídeo

1280 por 720 píxeles.

página wiki

El ancho del área de contenido de una página wiki es de 607 píxeles. Si carga una imagen más grande, se cargará automáticamente con 400 píxeles de ancho. Ejemplo: tengo una imagen que mide 1366 por 768. Si la agrego a la página wiki, se verá así:

Para cambiar el tamaño de una imagen, debe hacer clic en ella y establecer los valores deseados:

Hablaré en detalle sobre cómo trabajar con páginas wiki a continuación. Por tanto, no nos detendremos aquí en este punto.

¿Cómo asegurarse de que las imágenes de VKontakte no se reduzcan? La influencia del fondo y el tamaño en la calidad de la imagen.

Si alguna vez ha intentado cargar imágenes de VKontakte (no importa si era una imagen de avatar o simplemente una foto de su viaje), probablemente ya sepa que tienden a reducirse. Esto se nota especialmente en un fondo oscuro (y especialmente rojo) y cuando la imagen no es demasiado grande. Ejemplo:

¿Cómo asegurarse de que la calidad de las imágenes no se deteriore?

Para evitar que la imagen se encoja (o mejor dicho, se encoja, pero en mucha menor medida), es necesario hacerla 2-3 veces más grande que el tamaño deseado. Por ejemplo, si necesitamos hacer un avatar de 200 por 500 píxeles, tomamos una fotografía de 400 por 1000 píxeles. Si necesita crear un menú con un tamaño de 510 por 400 píxeles, elija 1020 por 800.

La imagen sobre un fondo azul oscuro, que mostré justo arriba, tiene un tamaño de 510 por 350. La hice el doble de grande (1020 por 700) y la guardé. Esto es lo que salió de esto:

¿Cómo solucionar esto? La respuesta es muy simple: debes elegir un fondo diferente. El hecho es que los píxeles se ven mejor sobre un fondo oscuro que sobre uno claro. Por lo tanto, si desea lograr una calidad perfecta (aunque la imagen de arriba ya parece bastante normal), debe cambiar ligeramente la combinación de colores. Por ejemplo, haga que el fondo sea blanco y el texto azul:

Cómo diseñar un encabezado de página

El encabezado de su página o grupo público es lo primero que ven los usuarios cuando vienen a visitarlo. En la mayoría de los casos, este lugar contiene un menú de navegación para materiales públicos, algunas publicaciones interesantes o anuncios importantes. Veamos ejemplos de cómo diferentes empresas utilizan este espacio.

Cubrir

No hace mucho, VKontakte introdujo una actualización: ahora puede cargar portadas grandes y hermosas (1590 por 400 píxeles) en las páginas. Para hacer esto, vaya a configuración y haga clic en el botón "Descargar".

En la portada podrás colocar lo que quieras: desde el nombre y lema de tu empresa, hasta todo tipo de promociones, ofertas e incluso concursos.

Recomiendo prestar especial atención a las posibilidades de una cobertura dinámica. Lee nuestro artículo sobre cómo funciona, para qué se puede utilizar y con qué servicios se puede instalar.

Ejemplos de portadas dinámicas:

Portada + descripción de la comunidad + enlace al sitio web

Algunas empresas específicamente no fijan ninguna publicación en el encabezado para que los usuarios tengan la oportunidad de leer información básica sobre la página e ir inmediatamente al sitio.

Descripción con hashtags

Algunas empresas añaden hashtags a la descripción de página estándar que la caracterizan. Esto se hace para que la página tenga una relevancia más clara y, por lo tanto, ocupe un lugar más alto en la búsqueda de consultas relevantes. Sinceramente no sé si este método funciona o no. No he visto ningún caso sobre este tema, así que si alguien lo sabe le agradecería que compartiera el enlace.

Publicación fijada que explica de qué se trata la página.

Si desea contar su página con más detalle (con fotos, enlaces y un hermoso diseño), puede adjuntar al encabezado una publicación wiki o un artículo elaborado en el editor, con una imagen brillante en el anuncio que animará a los usuarios. para hacer clic en él. Un ejemplo de una publicación de este tipo:

Y esto es lo que ve el usuario después de hacer clic en el enlace:

El menú de grupo está abierto.

Llamo menú abierto a un menú que muestra inmediatamente en qué elementos se compone. Es decir, la imagen del anuncio de la publicación wiki duplica completamente su contenido. Así, los usuarios ven inmediatamente lo que les espera en el interior. Te lo mostraré con un ejemplo.

Así es como se ve una publicación fijada en el encabezado de la página Flatro:

El menú de grupo está cerrado.

Un menú cerrado es la misma publicación wiki que en el párrafo anterior, solo que el anuncio contiene una imagen sin elementos de menú. Suelen escribir en él: “Menú”, “Menú de navegación” o “Navegación por materiales públicos”.

Y esto es lo que vemos al hacer clic en él:

Por cierto, vale la pena señalar que estas no son las únicas opciones. Básicamente, puedes escribir lo que quieras en esta imagen. Lo principal es que el usuario quiere hacer clic en él y comprende lo que le espera después. Ejemplo:

Menú combinado para un grupo

Un menú fusionado es cuando la imagen en el anuncio de su menú forma una imagen con el avatar. A continuación te contaré en detalle cómo hacer un menú de este tipo, pero por ahora solo mira lo hermoso que se ve.

GIF y avatar en una sola imagen

Pero esta opción de diseño para el sombrero realmente me encantó. El GIF que se reproduce automáticamente se fusiona con el avatar en una sola composición y atrae la atención de los usuarios, incluso a pesar de que no hay ninguna información al respecto.

Por cierto, vi este ejemplo en el grupo del especialista en marketing de SMM Sergei Shmakov. Entonces, le expreso mi agradecimiento por el hallazgo :)

Menú oculto

El menú oculto sólo está disponible para grupos (las páginas no tienen esta funcionalidad). Para verlo, debe hacer clic en el enlace correspondiente. La ventaja de este método de diseño es que los usuarios pueden ver la información principal de la comunidad, y si quieren utilizar el menú, solo necesitan hacer un clic. Sin embargo, aquí hay una pequeña desventaja: no todos los usuarios conocen la existencia de esta función, por lo que su menú puede recibir menos atención que si estuviera fijado en la parte superior de la página.

Vídeo de reproducción automática

A finales de noviembre de 2015, apareció una innovación interesante en la red social VKontakte: tan pronto como un usuario visita su página, el vídeo adjunto al encabezado comienza a reproducirse automáticamente. Con esta técnica, puedes atraer aún más la atención de los usuarios (especialmente aquellos que visitaron tu página por primera vez) y, al mismo tiempo, no irritar a aquellos a quienes no les gusta que les impongan su contenido, porque el video se reproduce. Sin sonido y prácticamente no interfiere.

¿Cómo agregar un video de este tipo al encabezado de su página?

Para ello se deben cumplir tres condiciones:

• Adjunte el vídeo a la publicación y fije esta publicación en la parte superior de la comunidad.
• Aparte del vídeo, no se debe adjuntar nada más a la grabación. Sólo vídeo y texto opcionales.
• El video debe cargarse en VKontakte; no se admiten reproductores de terceros.

Una publicación que se comparte mucho.

Otra forma de utilizar productivamente el espacio en el encabezado de su página es fijar en él una de sus publicaciones más exitosas, una que ya haya recibido y continúe recibiendo una gran cantidad de "me gusta" y acciones compartidas. Creo que todos entienden por qué hacer esto: cuanto más se vuelven a publicar, mayor es el alcance y más suscripciones recibe la página.

Anuncios de nuevos videos, álbumes, eventos.

Presentación de nuevos productos/servicios.

Descuentos y promociones

Casos, opiniones de clientes.

Publicidad de aplicaciones

Sorteos

Reglas de la comunidad

Enlaces a otras redes sociales

No he enumerado todas las opciones de diseño del encabezado. Básicamente, puedes poner cualquier tipo de información en tu portada y publicación fijada: ofertas de trabajo, anuncios, enlaces a los productos más vendidos, etc. Así que no te limites a los ejemplos anteriores. Usa tu imaginación y utiliza el diseño de tu comunidad para lograr tus objetivos.

¿Cómo debería ser un avatar?

Un avatar no es sólo una bella imagen con el logo de su empresa, sino una herramienta de trabajo del especialista en marketing con la que logra sus objetivos. Veamos en detalle cómo debería ser para atraer la atención de los usuarios y animarlos a realizar la acción objetivo. Empecemos por la miniatura.

Miniatura de avatar

1. El texto de la miniatura de tu avatar debe ser lo suficientemente grande como para poder leerlo.







2. El texto no debe extenderse más allá de la miniatura.







3. Los usuarios deben comprender lo que se muestra en el avatar.







4. Si es posible, es mejor no utilizar imágenes de archivo, ya que a menudo reducen la credibilidad de la empresa.




5. No es deseable que la miniatura del avatar esté demasiado descolorida y aburrida, de lo contrario se perderá en el contexto de los avatares más brillantes de los competidores.



6. Si quieres que tu avatar luzca moderno, hazlo en un estilo minimalista: menos texto, sombras, degradados y elementos que no tengan ninguna carga semántica. Tu avatar debe ser lo más simple y ordenado posible. Este estilo es tendencia actualmente.







7. Si tu objetivo es llamar la atención de los usuarios y destacar entre otros avatares en el feed, tendrás que usar tu imaginación. Piense en lo que usted mismo presta atención cuando busca comunidades interesantes. Por ejemplo, más de una vez me han atraído avatares con una luz encendida, que suele indicar que ha llegado un nuevo mensaje. Esta es una técnica muy antigua, pero por alguna razón todavía me afecta: cuando vea una luz así, definitivamente mantendré mi mirada en ella.

No estoy diciendo que esta técnica funcionará en tu página. El punto que quiero transmitir es que hay muchas, muchas maneras de destacar, sólo tienes que preguntarte a ti mismo y ser un poco creativo. He aquí, por ejemplo, otra idea interesante que difícilmente se me habría ocurrido por mi cuenta:

El avatar es un círculo negro: grande y pequeño. Al parecer, ¿por qué hacer esto? Pero cuando te desplazas por la lista de comunidades, estos avatares llaman la atención porque son muy diferentes de todos los demás.

¿Qué información se puede colocar en la miniatura de un avatar?

Aunque la miniatura del avatar es muy pequeña, puede (y debe) usarse para atraer seguidores a su comunidad. ¿Cómo hacer esto? Veamos algunas opciones:

Anuncio de un nuevo producto/servicio/evento

Ventajas de la empresa/servicio/página

Número de teléfono de la empresa

Precios favorables

Envío gratis

Por cierto, muy a menudo la información que la empresa ofrece entrega gratuita se agrega al nombre del grupo para que los usuarios definitivamente le presten atención.

Existencias

Competiciones

Vacantes

¿Cómo debería ser el avatar en sí?

Miré cuál debería ser la miniatura del avatar y qué texto se podría colocar en ella. Ahora pasemos al avatar en sí. La versión completa del avatar sólo se mostrará en la comunidad donde no esté instalada la portada. Es por estos casos que escribí esta sección. Entonces, ¿cómo debería ser el avatar de su comunidad para que los usuarios comprendan inmediatamente que su empresa abordó la creación de la página de manera responsable y profesional?

1. El avatar debe ser de alta calidad. Escribí sobre cómo lograr esto un poco más arriba. Para aquellos que se perdieron esta parte, les contaré brevemente: el tamaño del avatar debe ser 2 o 3 veces mayor de lo que planearon.
2. Es recomendable que el avatar se combine con el menú: sea del mismo esquema de color, tenga las mismas fuentes, elementos, etc. Gracias a esto, el encabezado de tu página lucirá más limpio y profesional. Ejemplo:
3. El avatar en sí y la miniatura del avatar pueden ser diferentes. Por ejemplo, puedes dibujar un círculo en tu avatar, diseñarlo como quieras, seleccionar esa área como miniatura y diseñar el resto del avatar con un estilo diferente.




Otra opción es dividir el avatar en dos partes. Uno es para la miniatura y el segundo es para el resto del avatar.




4. Para animar a los usuarios a suscribirse a su página o escribir un mensaje a un representante de la empresa, puede colocar la llamada a la acción correspondiente en la parte inferior del avatar y acompañarla con una flecha que apunte al botón.




5. Intenta no poner demasiada información en tu avatar, de lo contrario se verá sobrecargado y desordenado. Agregue solo los puntos más importantes y asegúrese de que haya "aire" entre ellos.

¿Qué información se puede colocar en un avatar?

Básicamente, puedes poner lo que quieras en tu avatar. A diferencia de la miniatura, aquí realmente hay espacio para deambular. Lo principal es no abusar de ello :)

Dominio del sitio

Teléfono/dirección/horario de apertura

Concursos/promociones

Productos/artículos nuevos más comprados

Información de entrega

Publicidad en aplicaciones móviles

Las principales ventajas de la empresa/página/producto, etc.

Actualización de surtido/nueva creatividad, etc.

Información de que tu comunidad es oficial.

Información sobre próximos eventos

Direcciones de cuentas en otras redes sociales

Descripción de página ampliada

Se jacta

En general, puedes colocar absolutamente cualquier información en tu avatar. Acabo de incluir algunas ideas para que puedas ver lo que otros están haciendo e inspirarte. Pues ten en cuenta las recomendaciones básicas: el avatar debe ser de alta calidad, la fuente debe ser grande y debe haber más “aire” entre los elementos.

Cómo crear un avatar y un menú perfectos

Para crear un avatar y un menú combinados, necesitará Adobe Photoshop o su equivalente. Explicaré todo el proceso usando Photoshop como ejemplo. Entonces, vámonos.

1. Descarga la plantilla de Photoshop que preparé especialmente para este artículo. En tamaño normal (menú – 510 píxeles de ancho, avatar – 200) o ampliado (menú – 1020 píxeles de ancho, avatar – 400).
2. Abre la imagen que quieras usar como base.
3. Cópialo, pégalo en la plantilla y colócalo como quieras cortarlo.

1. Añade efectos, texto, gráficos, etc.

1. Si no quieres perder parte de la imagen (en ese espacio de 50px), muévela hacia la derecha como se muestra en el siguiente GIF:

1. Seleccione la herramienta "Cortar" y haga clic en el botón "Fragmentos a lo largo de guías".

1. Elimine los fragmentos innecesarios (haga clic con el botón derecho del mouse - "Eliminar fragmento") y edite los existentes (haga clic con el botón derecho del mouse - haga clic en un espacio vacío - tome el área deseada y estírela al tamaño deseado).

1. Vaya a la sección "Archivo" y seleccione el comando "Guardar para Web".

1. Vaya a la ubicación donde guardó las imágenes (escritorio o algún directorio específico) y busque una carpeta llamada "Imágenes". Aquí es donde irán tus imágenes. Ahora sólo queda rellenarlos en la página.

PD La altura del avatar se puede cambiar a tu discreción. Tomé el tamaño máximo: 500 píxeles, pero su valor puede ser menor. Por ejemplo, como en la página "Marcado Wiki":

Cómo utilizar widgets

Los widgets también forman parte del diseño de la comunidad VK. Utilizándolos, el usuario puede: realizar un pedido, suscribirse a su newsletter, participar en un concurso, leer y dejar reseñas, abrir una búsqueda en la comunidad, recibir un regalo, un cupón de descuento, etc.

A continuación se muestran algunos ejemplos de cómo se ven los widgets en la página de VKontakte:

Cómo diseñar imágenes para publicaciones.

Si eres diseñador web o tienes gusto artístico y sentido de la belleza, no te resultará difícil encontrar un estilo corporativo para tus imágenes. Sin embargo, me parece que esas personas serán minoría en este artículo (yo, por cierto, tampoco soy uno de ellos). Por lo tanto, echemos un vistazo más de cerca a cómo se hace esto, basándonos en ejemplos de empresas exitosas.

Por cierto, tenga en cuenta que casi todas las empresas conocidas de VKontakte marcan sus imágenes, es decir, añaden un pequeño logotipo, la dirección de su página o una marca de agua. Esto aumenta el conocimiento de la marca y protege sus imágenes para que no sean copiadas. Si vale la pena hacer esto, cada uno debe decidir por sí mismo. Lo único que me gustaría aconsejarle: si decide hacer esto, trate de asegurarse de que su logotipo no sea demasiado brillante y no ocupe demasiado espacio; de lo contrario, todo el énfasis se destinará a él y la imagen perder su atractivo.

¿Dónde puedo conseguir buenas imágenes?

Tenemos un buen artículo sobre este tema en nuestro blog: "". Todos son gratuitos, pero algunos requieren registro. Si no encuentra nada adecuado para usted, intente buscar por palabra clave + fondo de pantalla (o, si está en inglés, fondo de pantalla). Normalmente, este tipo de solicitud genera imágenes de alta calidad. Pero aquí hay que tener cuidado y comprobar el tipo de licencia, de lo contrario, si tienes un negocio serio, puedes tener problemas.

¿Qué deben hacer aquellos que no saben trabajar en Photoshop?

Si nunca ha trabajado en Photoshop (o cualquier otro editor gráfico) y aún no está preparado para dedicar tiempo a dominarlo, puede utilizar servicios que ya cuentan con plantillas de imágenes listas para usar para diferentes redes sociales:

1. Fotor.com

Posteriormente, en la parte izquierda de la pantalla seleccionamos la plantilla que nos interese. Tenga en cuenta que sólo se proporcionan de forma gratuita aquellas plantillas que no tienen un icono de diamante.

Lo insertamos en la plantilla, lo seleccionamos con el botón izquierdo del mouse, seleccionamos el comando Capa (icono de sándwich) y hacemos clic en Mover al fondo. De esta forma nuestra imagen quedará en segundo plano y todas las inscripciones se superpondrán encima.

Posteriormente cambiamos el texto, fuente, tamaño de fuente, posición de la inscripción, etc.

Luego haga clic en el icono del disquete, seleccione el nombre, el formato de la imagen, la calidad y haga clic en el botón Iniciar sesión para descargar.

2. Canva.com

Otro servicio que te ayudará a diseñar bellamente tu imagen. Funciona según el mismo principio que el anterior. Regístrate en el servicio (puedes utilizar tu cuenta de Google+ o tu correo electrónico).

Elija su campo de actividad. Nos saltamos el paso en el que se le pide que invite a amigos. Llegamos al menú principal, donde seleccionamos una publicación de Facebook si necesitamos una foto rectangular, o una publicación de Instagram si es cuadrada.

Seleccione una plantilla (si la plantilla está marcada como "GRATIS", significa que es gratuita), cambie el texto.

Si es necesario, sube tu imagen, ajusta las dimensiones, cambia el texto, la fuente y la posición de la inscripción. Después de eso, haga clic en el botón "Descargar", seleccione el formato de imagen y guárdelo en su computadora o cualquier otro dispositivo.

Cómo formatear artículos en el editor

Recientemente, VKontakte hizo posible escribir artículos en un editor especial. Para crear un artículo, debe hacer clic en la letra "T":

Cómo utilizar el marcado wiki

Bueno, aquí llegamos al apartado más interesante y a la vez difícil. Quizás haya personas entre los lectores que no sepan qué es el marcado wiki y estén escuchando este término por primera vez. Por eso, especialmente para ti, te daré la definición que da el propio “Contacto”.

El marcado wiki es un lenguaje de marcado que se utiliza para formatear texto en sitios web (generalmente clasificados como proyectos wiki) y permite un acceso más fácil a las capacidades del lenguaje HTML. En nuestro sitio, las páginas wiki son una buena alternativa a las publicaciones habituales y la navegación de texto. Si necesita crear un artículo grande con diferentes formatos de texto (negrita, subrayado, encabezados, etc.) o agregarle gráficos, o simplemente crear un menú de navegación colorido para su comunidad, una wiki es indispensable.

Al igual que Wordpress (o cualquier otro CMS) tiene un editor HTML con el que crear artículos, Contact tiene su propio editor para crear y editar páginas wiki. Se parece a esto:

Con este editor se crean menús de navegación, así como artículos con imágenes, vídeos y grabaciones de audio. A continuación, analizaré en detalle cómo trabajar en este editor, pero primero le pido que marque dos enlaces como favoritos. Te ayudarán mucho a aprender el marcado wiki.

La portada del grupo VKontakte es un nuevo elemento de diseño para el grupo después del rediseño. Parece que debería ser fácil tomar una imagen, pero al mismo tiempo encontrar la perfecta es bastante difícil.

La portada de VKontakte es una de las primeras cosas que la gente verá cuando visite su grupo. Por eso es tan importante dar una buena impresión al visitante, transmitirle una comprensión clara del tema y el interés del grupo.

En abril de 2017 estuvo disponible para las comunidades. Esta es una característica completamente nueva y una excelente oportunidad para revivir (en el sentido literal de la palabra) el diseño de su grupo para aumentar la eficiencia y el impacto de la promoción.

Obtendrá tres cosas de este artículo:

• Tamaño de portada para el grupo VKontakte;
• Instrucciones sobre cómo crear una portada de VKontakte y cómo elegir la imagen perfecta;
• Ejemplos de grupos con coberturas de alta calidad.

¿De qué tamaño es la portada para un grupo VKontakte?

El tamaño de imagen óptimo para una portada de VKontakte puede variar. En las computadoras, la imagen de portada se muestra con 795 píxeles de ancho y 200 píxeles de alto. En móviles se ajusta proporcionalmente al ancho de la pantalla. Sin embargo, VKontakte recomienda cargar una imagen con un tamaño de al menos 1590x400 píxeles.

Consejo: Si encuentras una imagen que te gusta mucho, pero sus proporciones no son las recomendadas, ¡aún puedes usarla! Al cargar esta imagen, puede seleccionar el área visible y recortar todas las partes innecesarias utilizando las herramientas internas de VKontakte.

Al desarrollar un diseño de portada, tenga en cuenta que en dispositivos móviles con un ancho de pantalla de menos de 400 px, los bordes de la imagen se recortan a 196 px y aproximadamente 83 px están ocupados por los íconos del sistema del teléfono. Considere la conveniencia para los usuarios de dispositivos móviles. En VKontakte estos son la mayoría.

Asegúrese de que el texto de la portada sea suficientemente legible en la pantalla del teléfono móvil cuando la portada se adapte a su ancho. También verifique que los elementos importantes de la portada no queden ocultos por íconos de menú y mensajes personales.

A continuación se muestra un ejemplo visual de cómo se ve la portada en una computadora y se indican las dimensiones desde el borde hasta los elementos activos del grupo.

Dimensiones de la cubierta VKontakte en una computadora

Cómo hacer una portada para un grupo VKontakte

Si tienes alguna habilidad de diseño, crea tu propia portada desde cero usando software como Adobe Photoshop. Elegir este camino le permitirá crear el diseño de su negocio tal como lo imagina.

Si no desea comprar ni aprender Photoshop, utilice los servicios en línea. Aquí . Actualmente este es el servicio más popular.

Plantillas de portada para el grupo VKontakte

Para ayudarlo con el desarrollo del diseño, hemos creado una plantilla para la portada de un grupo en VK (1590x400px).

Hablemos de algunos detalles adicionales sobre cómo trabajar con nuestra plantilla:

• Cuando abras la plantilla, verás la apariencia de tu diseño. No es necesario subir la portada al grupo para evaluar cómo queda.
• Para crear su propia portada, haga doble clic en la capa "portada". Esto lo llevará al interior del objeto inteligente.
• Entonces puedes empezar a crear, todos los tamaños están indicados en el interior.

Puedes descargar esta y otras plantillas en el artículo :.

Tus fotos

Entendemos que no todo el mundo puede ser diseñador. Pero esto no significa que no todos puedan tener una hermosa portada comunitaria VK. Aquí hay algunos lugares que puede buscar para crear su encabezado, así como algunos consejos para demostrar que este enfoque puede tener sentido para usted y su negocio.

Por ejemplo, si su grupo trata sobre libros, entonces pueden tomar una foto de sus estanterías y usarla como foto de portada. Esto dará a entender que te gustan los libros y puedes esperar que otros fanáticos de los libros respondan bien a la foto.

vk.com/best_psalterium

Fotos de archivo

Si no tiene fotografías personales que le gustaría usar, búsquelas en bancos de fotografías (sitios con imágenes gratuitas), allí podrá encontrar la imagen perfecta para la portada de la comunidad VK. Mis sitios favoritos para encontrar fotografías hermosas son Unsplash y Pixabay.

Me gustaría animarte a modificar/mejorar todas las fotos seleccionadas para hacerlas más personales. Puedes utilizar las herramientas de los editores online Fotor, Pablo o Canva. Si quieres, incluso puedes mejorar tu fotografía con estas herramientas. Por ejemplo, elige una de tus citas favoritas y agrégala sobre la foto.

Cómo elegir una funda

Ahora que sabemos cómo hacer una portada para un grupo VKontakte, la pregunta es ¿qué contenido elegir? ¿Hay fotos que funcionan mejor que otras?

Veamos algunos puntos importantes:

• Mantenga las dimensiones de portada requeridas (1590 px de ancho y 400 px de alto);
• Elija imágenes de alta calidad;
• No sobrecargues la imagen con elementos visuales;
• Elija una imagen para la portada, centrándose en el diseño general del grupo VKontakte;
• Utilice imágenes que sean originales y relevantes para su marca.

¿Qué tipo de imágenes atraen a la gente?

Aquí hay algunos componentes que hacen que las imágenes sean cautivadoras:

• Emociones: los sentimientos hacen que la gente actúe;
• Pertinencia: incluyendo lo que se adapta a los intereses de su audiencia;
• Bandera: elegir los colores correctos genera mayores conversiones;
• Tipografía: Elegir la fuente correcta hace que su mensaje sea claro;
• Hashtags y texto: Encuentre las palabras adecuadas que provoquen a su audiencia a realizar la acción objetivo.

Estos componentes se pueden utilizar al crear una portada de la comunidad VKontakte para hacer que las personas se sientan de cierta manera o tomen acciones específicas.

Por ejemplo, Coca-Cola usa el logo rojo común en la portada con la leyenda “sabor... sensación”, y como fondo una pareja feliz sosteniendo una bebida. Esto, por supuesto, con la esperanza de que la gente establezca algún tipo de conexión mental de que beber cola significa felicidad. ¡Y es efectivo!

vk.com/cocacola

¿Dónde mira la gente?

A la hora de encontrar la portada perfecta, puede resultar interesante investigar un poco. Logré encontrar algo interesante sobre este tema. Está en inglés, pero transmitiré brevemente la esencia.

Se ha descubierto que si se desea llamar la atención sobre un elemento específico de una imagen, entonces, utilizando el principio de cola visual, la mirada de la persona en la foto que mira el elemento dirigirá al espectador a ese lugar. Esta podría ser una forma interesante de utilizar la perspectiva de una persona en la portada de un grupo de VKontakte.

Kissmetrics también descubrió que agregar un elemento que "destaque" en la portada puede ser efectivo. Lo importante es que exista un elemento de ese tipo y que exija acción.

En el siguiente ejemplo, Electronic Arts lo sabe y deja claro a las personas que pueden comprar el nuevo juego FIFA17.

vk.com/easportsfifa

Pensando fuera de la caja

Las portadas del grupo VKontakte se han convertido en una excelente manera de expresarse, una forma de destacarse. Aquí tienes algunas formas originales.

Utilizar una personalidad famosa en el diseño de una página pública popular sobre startups.
Cambio de portada para ocasiones especiales, próximos eventos, promociones o festivos
Uso de una portada para enviar personas a su sitio
Usar una portada para mostrar su oferta especial
Se pide a los visitantes que se unan al grupo o escriban un mensaje.

Ejemplos de grupos con coberturas de alta calidad

Ahora que ya sabemos cómo hacer una buena portada para un grupo de VKontakte, podemos echar un vistazo a algunas páginas que utilizan imágenes sencillas y de alta calidad. Esperamos que encuentres algo de inspiración en ellos.

vk.com/adsnews
vk.com/wbrusia
vk.com/sci_one
vk.com/businessgazeta
vk.com/cds

Debido a que ahora hacemos trabajo personalizado, podremos responder tus preguntas sobre el diseño de redes sociales si tienes alguna. No dudes en enviarlos a nuestro correo electrónico o escribirlos aquí mismo en los comentarios. Juntos podemos crear la portada perfecta para su grupo VKontakte y aumentar el impacto de sus esfuerzos para promocionarlo.

¿Quieres decorar tu grupo en VK (Vkontakte) y crear un encabezado (portada) único para él? En este artículo hablaré sobre el tamaño y formato que debe tener, cómo agregar un encabezado a VK y también publicaré la fuente PSD (formato Photoshop) de la plantilla del tamaño requerido.

¿Cómo hacer un encabezado (portada) para un grupo en VK?

¿Qué es un sombrero en un grupo en VK? Esto es solo una imagen, tamaño 1590x400 y formato: JPG, GIF o PNG. Está ubicado en la parte superior del grupo VK y tiene este aspecto:

Paso 1. Crea una imagen del tamaño requerido.

Primero, necesitamos crear la imagen en sí, para esto utilicé Photoshop (puede descargar la plantilla terminada en formato PSD). Abra Photoshop, seleccione "Archivo" -> "Crear" en el menú.

Aparecerá una ventana donde deberá cambiar las dimensiones de la imagen, el ancho será de 1590 px y el alto de 400. Los modos de color se pueden dejar por defecto. Haga clic en "Aceptar"

Me gustaría señalar que la imagen puede ser más grande al agregar una imagen, el propio VK ofrecerá cortarla al tamaño que necesita; No recomiendo agregar nada por encima de un ancho de 400 px; VK cortará parte de la imagen.

Como resultado, obtendremos una hoja en blanco del tamaño que necesitamos. A continuación, dibujamos lo que queremos ver en el encabezado y guardamos nuestra creación. Mi plantilla se ve así:

Paso 2. Cambie el encabezado en el grupo VK.

A continuación, debemos cargar nuestra imagen en el grupo VK. Para hacer esto, vaya a nuestro grupo, en la esquina superior derecha (debajo del avatar del grupo) haga clic en "tres puntos" (...), en el menú desplegable seleccione "Gestión comunitaria".

Aparecerá una ventana pidiéndole que cargue una imagen, haga clic en "Seleccionar archivo"

Seleccionamos nuestra imagen y aparece una ventana con la opción de recortar la imagen, ya que todo corresponde a las dimensiones requeridas, damos clic en “Guardar y continuar”

Como resultado, veremos un mensaje que indica que la portada se cargó correctamente, luego simplemente vamos a nuestro grupo y admiramos el efecto resultante.

Puedes cambiar el encabezado (portada) tantas veces como quieras.

Entonces creamos nuestro propio sombrero para el grupo en VK.

También puedes elegir una de las plantillas sugeridas en este artículo: