So fügen Sie Banner in Kontakt ein. Banner für gezielte bezahlte Werbung auf VKontakte. Animierte GIF-Anzeigen
25.07.15 71,2KDie Zahl der aktiven Nutzer und Fans sozialer Netzwerke beträgt tendenziell 100 % der Gesamtnutzerzahl weltweites Netz... Gleichzeitig nimmt das soziale Netzwerk VKontakte stetig die führenden Positionen in Runet ein. Darüber hinaus gilt es als das massivste - mehr als 150 Millionen registrierte Benutzer, und dies schließt Bots, verlassene und gefälschte Konten nicht ein.
Diese Tatsache konnte nur in der Werbung im Ganzen verwendet werden. Heute bietet VKontakte die bequemste Werbung sowohl für normale Benutzer als auch für Werbeagenturen. Gleichzeitig sind VKontakte-Banner am beliebtesten. Benutzer nutzen sie effektiv für die Geschäftsentwicklung und informieren über Veranstaltungen in Community-Gruppen:
1. Banner auf VKontakte
Ein VK-Banner ist ein statisches oder animiertes Bild mit einer Signatur und einem Slogan, das gleichzeitig ein Link ist, durch den Sie durch Anklicken auf eine Seite mit detaillierteren Informationen zu einem Produkt, einer Dienstleistung oder einer Veranstaltung gelangen. Diese Aktion heißt " klick auf das Banner».
Werbung im sozialen Netzwerk VKontakte wird durch zwei Banner am linken Rand dargestellt. Der Gewinn aus ihnen kann jedoch die kühnsten Erwartungen übertreffen. Das Interessante ist, dass man nicht nur posten kann Werbebanner Vkontakte, entwickelt um Waren / Dienstleistungen zu verkaufen, aber auch solche, die für normale Benutzer von Interesse sind.
Diese Mischung aus professioneller und individueller Werbung kann zwei Fliegen mit einer Klappe schlagen. Dank dessen hat die Verwaltung des führenden russischen sozialen Netzwerks die Zielgruppe der Werbetreibenden fast verdoppelt:
Arten von Werbung auf VKontakte
Konventionell wird die VKontakte-Werbung in zwei Arten unterteilt ( nach Zahlungsmethode). Es kann als Ziel und Nicht-Ziel bezeichnet werden. Wenn Sie bei zielgerichteter Werbung für Klicks auf das Banner bezahlen, bezahlen Sie bei nicht zielgerichteter Werbung für Impressionen. Gleichzeitig sind 1000 Impressionen viel günstiger als 1 Übergang. Was auch immer man sagen mag, aber von 1000 Impressionen macht das Motiv höchstwahrscheinlich mindestens 1 Übergang. Daher erweist sich die zweite Option als profitabler.
- Bild. Ein thematisches Bild, das Ihr Produkt / Ihre Dienstleistung, Ihre Seite in einem sozialen Netzwerk usw. charakterisiert;
- Name. Es kann ein lauter Slogan sein, der Name des Unternehmens;
- Unterschrift. Short Entry oder Unique Selling Proposition ( wenn die Größe des Banners es zulässt).
Regeln für die VK-Anzeigenplatzierung
2. Warum brauchen wir VKontakte-Banner?
Neben einer großen Reichweite und einer hohen Popularität hat die Bannerwerbung von VKontakte einen sehr wichtigen Vorteil - die Möglichkeit, gezielt anzusprechen. Fast 90% des Erfolgs einer Werbekampagne hängt von der Richtigkeit ihrer Einstellungen ab. Schließlich interessieren Sie sich nicht für alle VKontakte-Teilnehmer, sondern nur für einen bestimmten Teil davon.
Mit den VK-Einstellungen können Sie unabhängig bestimmen, welchem Teil des Publikums Ihr Banner angezeigt wird. Es gibt Targeting nach Alter, Geografie, Geschlecht usw.
Wenn Sie das Targeting richtig eingerichtet haben, schließen Sie unnötige Impressionen aus und optimieren so das Budget für eine Werbekampagne.
Wie bei anderen Werbeplattformen ist es wichtig zu verstehen, was genau es wert ist, über VKontakte zu werben. Der Hauptzweck des Besuchs eines sozialen Netzwerks ist Kommunikation und Unterhaltung. Daraus können wir schließen, dass es am besten ist, für Konsumgüter zu werben, es kann auch geben gutes Ergebnis Werbung zum Zwecke der Leadgenerierung. Fast jede hochspezialisierte Anzeige auf VKontakte ist zum Scheitern verurteilt.
Prüfen Sie vor dem Einfügen eines Banners, ob das beworbene Produkt / die beworbene Marke eine Community, Fangruppe oder Öffentlichkeit hat. Ihre Präsenz erhöht die Erfolgschancen Ihrer Werbekampagne erheblich.
Achten Sie auch auf die Preiskategorie. Es macht keinen Sinn, Produkte in sozialen Medien zu bewerben, die mehr als 200 US-Dollar kosten:
3. Wie platziere ich ein Banner auf VKontakte? Spickzettel für Anfänger, Geheimnisse und Tipps
Bevor Sie ein Banner hinzufügen, folgen Sie dem Link "Werbung" in der Fußzeile der Seite:
Klicken Sie anschließend auf „ Gezielte Anzeigen"Und kommen Sie zur nächsten Seite:
Klicke auf " Anzeige erstellen"Und wir sehen die folgende Liste:
Hier müssen Sie auswählen, was genau Sie bewerben möchten: die VKontakte-Anwendung (IFrame und Flash), die Community ( öffentlich, Gruppe oder Meeting), Videoaufnahme ( mit einem Link zur Website des Werbetreibenden) oder eine externe Site.
Die letzte Option ist die beliebteste. Ein Link von einem solchen VKontakte-Banner leitet Benutzer in der Regel zu Landingpage (Landingpage).
VK-Banner-Werbeformate
Drei Arten von Anzeigen können verwendet werden:
- Bild + Text. Hier können Sie ein VKontakte-Banner 90 x 65 Pixel mit einem Titel (25 Zeichen) und einer Beschreibung (60 Zeichen) platzieren;
- Großes Bild. Es ist möglich, ein Banner mit einer Größe von 90 x 120 Pixel ohne Beschreibung und mit einem Titel von 25 Zeichen hinzuzufügen;
- Exklusive Option. Banner 90 x 160 Pixel mit einem Titel von 25 Zeichen. Der Hauptvorteil besteht darin, dass während der Anzeige keine anderen Anzeigen angezeigt werden. Die Kosten für eine solche Werbung sind jedoch 2-mal höher.
Nachdem Sie das gewünschte Format ausgewählt und die Daten hochgeladen haben, sollten Sie das Thema und den Unterabschnitt ( Geografie, Demografie, Interessen, Ausbildung und Beruf sowie weitere Parameter). In zusätzlichen Parametern können Sie angeben Betriebssystem, Gerätetyp, Retargeting-Gruppe, Browser.
Je genauer die Zielgruppe konfiguriert ist, desto besser ist die CTR und mit gutem Traffic und Conversion.
In der letzten Phase der Einrichtung, bevor wir ein VK-Banner erstellen, geben wir die Zahlungsmethode an ( für Eindrücke oder Übergänge), Werbeplattformen ( Sie können zusätzlich Partnerseiten des sozialen Netzwerks auswählen), die Kosten des Übergangs. Wir weisen der Werbekampagne einen Namen zu.
Wir drücken " Anzeige erstellen"! Und wir warten darauf, dass es moderiert wird. In der Regel werden Ihre VKontakte-Banner nach ein paar Stunden potenziellen Kunden angezeigt. Jetzt besteht Ihre Aufgabe darin, die Statistiken des sozialen Netzwerks VKontakte zu verfolgen und rechtzeitige Entscheidungen zur Verbesserung der Leistung zu treffen.
4. Wie füge ich ein Banner in eine VKontakte-Gruppe ein?
Schauen wir uns an, wie Sie ein Banner in der VKontakte-Gruppe erstellen.
Schritt 1. Gehen Sie zur Gruppenseite:
Schritt 2. Wählen Sie im Block rechts den Punkt " Werbegemeinschaft»:
Bevor wir ein Banner erstellen, definieren wir das Format des Banners, Übergänge oder Impressionen. Speichern und warten Sie, bis das Banner moderiert wird:
5. Bannerwerbung auf VKontakte
Bannerwerbung auf VKontakte übernimmt häufig die Funktion der Bildunterstützung und hilft, neue Marken zu fördern. Dies bedeutet jedoch nicht, dass es nicht verkaufsfördernd oder weniger effektiv als kontextbezogen sein kann. Bannerwerbung trägt zur Bildung eines treuen Publikums bei, indem sie eine verzögerte Nachfrage bereitstellt. Nach und nach bildet sie aus dem Nutzer einen potenziellen Kunden. Wenn Sie ein Rebranding durchführen oder mit einem neuen Produkt in den Markt eintreten müssen, eignen sich VKontakte-Banner hervorragend zur Wiedererkennung.
Werbung auf Facebook richtet sich an ein älteres Publikum, Odnoklassniki deckt die Regionen gut ab. Gleichzeitig Bannerwerbung auf VKontakte - Lösung aus einer Hand die es Ihnen ermöglicht, Marken und neue Produkte bei jungen Menschen zu fördern. Sie arbeitet dort, wo Ihre potenziellen Kunden ruhen, und spricht mit ihnen in ihrer Sprache, ist in ihrem Interessengebiet.
Beim Erstellen von Bannern ist es wichtig, die Eigenschaften des Publikums zu berücksichtigen und die Funktionen zu nutzen Unternehmensidentität... Je professioneller das Banner erstellt wird, desto auffälliger und effektiver ist es.
6. Wie erstellt man ein VKontakte-Banner für Ihre eigene Website, warum wird es benötigt und wie kann es verwendet werden?
Ein anklickbares Banner bietet einen Übergang zu einer beliebigen Seite der Website. Bei der Erstellung sollten Sie die folgenden Punkte beachten. Nachdem Sie das Banner in die Mediendateien Ihrer Website hochgeladen haben, fügen Sie den Code an einer beliebigen Stelle in der Ressource hinzu. Sie haben sich beispielsweise entschieden, Ihrer Seitenleiste ein VKontakte-Banner hinzuzufügen:
Gehen Sie zu Widgets und fügen Sie den folgenden Code hinzu:
Geben Sie im Feld "Linkadresse" die Adresse der Seite an, auf die Sie den Besucher umleiten möchten, nachdem er auf das Banner geklickt hat. "Bildpfad" ist ein Link zum Banner. Kopieren Sie den Link zum Bild und fügen Sie ihn anstelle des "Pfads zum Bild" ein.
Testen ist einer von kritische Meilensteine bei der Umsetzung einer erfolgreichen Werbekampagne. Wenn Sie ein VKontakte-Banner für eine Site auswählen, müssen Sie mehrere Kopfzeilen, Bilder und Texte erstellen. Analysieren Sie Statistiken und nehmen Sie Änderungen an den Einstellungen vor, um Ihre Werbekampagne zu optimieren:
7. Erstellung von Bannern für VKontakte
Sie können sich auf ein einfaches Bild beschränken, jedoch können Sie durch die Personalisierung für einen bestimmten Benutzer und die Interaktivität des Banners ein hohes Ergebnis erzielen.
Das Banner sollte also interessante Informationen enthalten, einen Motivator für einen Übergang / Klick sein, schön sein, ein professionelles Grafikdesign haben.
Es gibt mehrere Möglichkeiten, Banner zu erstellen:
- Bestellung bei einem Designer;
- Selbsterstellung in einem Grafikeditor;
- Verwendungszweck spezielle Programme um Banner zu erstellen;
- Erstellung über Online-Dienste.
Eine der effektivsten, einfachsten und schnelle Wege ist die Erstellung von Bannern online. Zu diesen Zwecken können Sie einen Dienst wie bannerfans.com verwenden. Russische Sprachschnittstelle und eine große Auswahl an Vorlagen ermöglicht es Ihnen, ein interessantes Layout zu erstellen.
Zuerst wählen Sie Hintergrund und Größe aus, fügen dann im Reiter "Text" eine Beschriftung hinzu, ändern Stil, Farbe und Größe der Schrift und arbeiten dann an den Effekten ( Rahmen, Schatten usw.). Speichern Sie zum Schluss das Banner im gewünschten Format.
Ein animiertes Banner kann mit Easy GIF Animator erstellt werden. Dieses Programm bietet 20 Testläufe, mit denen Sie kostenlos mehrere Banner erstellen können. Die intuitive Benutzeroberfläche ermöglicht es Ihnen, die Aufgabe schnell zu bewältigen:
Fazit: Bannerwerbung auf VKontakte bietet eine präzise Ausrichtung der Zielgruppe mit einer relativ großen Reichweite. Sie sollten jedoch vermeiden, dass das Banner denselben Benutzern mehrmals angezeigt wird. Dies kann dazu führen, dass die Umstellungskosten steigen, die CTR sinkt und das Budget „auffrisst“. Sie können das Problem lösen, indem Sie die Anzahl der Ansichten begrenzen.
Gut schlecht
Viele von uns benutzen sozialen Medien, weil sie uns Familie, Freunden und Bekannten ein Stück näher bringen. Auf diesen Seiten gibt es Gruppen und Communities, in denen wir mit ähnlichen Personen kommunizieren können. In diesem Artikel wird daher erläutert, wie ein Banner in der VK-Gruppe erstellt wird, warum dieses Banner überhaupt benötigt wird und wann es erschienen ist. Diese Information hilft denen, die sich in der Bildung von Gemeinschaften und Gruppen verwirklichen wollen. Viele Leute achten am häufigsten auf das Banner, da dies das Gesicht der Seite ist.
Was Sie wissen müssen, um ein VK-Banner zu erstellen
Zuerst müssen Sie verstehen, was Gruppen sind - das sind spezielle Gemeinschaften, in denen Menschen ausschließlich aus freien Stücken beitreten können. Gemeinschaften werden in zwei Typen unterteilt: geschlossen und offen. Es ist klar, dass Sie nur auf Einladung oder einem direkten Link zur Community in die geschlossenen gelangen können, wonach die Verwaltung des Projekts einige Zeit über Ihren Antrag auf Mitgliedschaft nachdenkt.
Zum ersten Mal erschienen 2016 nach dem nächsten großen Update von "VK" große Banner in Gruppen, aber die Benutzer mochten es im Gegensatz zu den vorherigen sogar, verbunden mit einer vollständigen Änderung von Website-Farben, -Design und vielem mehr. Nach dem Update begannen sofort Nachrichten an die Moderatoren, wie man ein großes Banner in der VK-Gruppe erstellt. Viele Leute interessierten sich für diese Anfrage, weil ein Banner eine zusätzliche Werbefläche ist, aber es gab nur wenige Informationen, wie man es damals machen konnte.
Wenn Sie nicht wissen, wie Sie Ihre eigenen Bilder mit . erstellen beliebte Anwendungen zum Bearbeiten von Bildern, zum Beispiel Adobe Photoshop, empfehlen wir Ihnen, den nächsten Absatz des Artikels zu lesen, in dem wir Ihnen ausführlich erklären, wie Sie ein Banner erstellen. Wenn Sie ein erfahrener Benutzer sind, sollten Sie sagen, dass die Anforderungen an das Bild wie folgt sind: 1590 x 400 px, und das Bildformat ist JPG.
So erstellen Sie ein Banner in der VK-Gruppe oben
Zuerst müssen Sie eine leere Leinwand erstellen. Es ist ratsam, die Anwendung zu verwenden, die Sie mehr oder weniger verstehen, aber es ist ratsam, die Verwendung von Photoshop zu erlernen. Es implementiert viele Funktionen, die ein Meisterwerk schaffen können, aber nicht grundsätzlich. Die Hauptsache ist, dass die Leinwand streng 1590 x 400 Pixel beträgt, dh 1590 breit und 400 hoch - diese Proportionen sehen auf jedem Monitor gut aus. Wenn Sie nicht wissen, wie das geht, finden Sie unten eine Anleitung.
So erstellen Sie ein Banner in der VK-Gruppe in Adobe Photoshop:
- Öffnen Sie den Fotoeditor und klicken Sie auf die Schaltfläche "Datei" und dann auf "Erstellen".
- Geben Sie 1590 für Breite und 400 für Höhe ein und klicken Sie dann auf OK.
- Jetzt können Sie ein beliebiges Bild auf dieser Leinwand platzieren und mit der Tastenkombination Alt + T anpassen.
- Suchen Sie im Feld "Datei" die Schaltfläche "Speichern unter" und wählen Sie JPG als Formattyp aus.
Ebenso können Sie in jedem Fotoeditor ein Bild erstellen, aber die Position der Funktionstasten kann variieren. Jetzt lohnt es sich, dieses Bild in Ihre Gruppe hochzuladen.
So erstellen Sie ein Banner in der VK-Gruppe:
- Gehen Sie zu Ihrer Gruppe. Unter dem Avatar befindet sich die Aufschrift "Aktionen". Nachdem Sie darauf geklickt haben, öffnet sich ein Fenster, in dem Sie "Steuerung" auswählen müssen.
- Unter all den möglichen Optionen müssen Sie "Community Cover" finden - das brauchen wir. Dort finden Sie das Feld "Download", in dem Sie unser fertiges Jpg-Bild.
- Fertig, nun wird das Banner auf der Hauptseite der Community platziert.
Abschließend
Wir hoffen, dass Sie verstanden haben, wie man ein Banner in der VK-Gruppe erstellt, da dieses Wissen für diejenigen erforderlich ist, die eine eigene Gruppe gründen möchten. Vergessen Sie nicht, dass Sie im Banner eine Anzeige platzieren und dafür bezahlt werden können.
Millionen von Menschen besuchen täglich das soziale Netzwerk VKontakte. Um ihre Aufmerksamkeit zu betonen, verwenden die Besitzer der besuchten Gruppen VKontakte-Banner. Das Platzieren eines Banners auf einer VK-Seite hat seine eigenen Momente. Wie Sie ein Banner in einer VK-Gruppe erstellen, wird im folgenden Artikel beschrieben. Wir werden uns ein Beispiel für ein spektakuläres Banner ansehen und auch herausfinden, wie wir es selbst schön machen können.
Schön gestaltete Gruppen sind immer leichter zu merken und glaubwürdiger. Du solltest am Design deiner Gruppe arbeiten, also lass uns über neue VK-Produkte sprechen.
In VKontakte-Communitys werden Fotos in gepinnten Beiträgen, Covern oder Avataren als Bannerbilder verwendet. Es hängt alles davon ab, wie Sie Ihre Community gestaltet haben.
Schauen wir uns ein Beispiel an, wie man ein Banner effektiv einsetzt. Wenden wir uns dafür an das öffentliche "moloko_coffee".
Hier wurde ein dynamisches Cover verwendet, welches sich im Header befindet. Die Jungs stellten einen Timer, der die Zeit bis zum Ende der Ziehung herunterzählte, und ermutigte so die Kunden, rechtzeitig teilzunehmen. Sie haben auch die visuelle Komponente nicht vergessen.
Somit erfüllte dieses Banner zwei Aufgaben: Werbung und stilvolle Gestaltung des Konzerns.
Wir erstellen Banner für VKontakte-Gruppen in Editoren
Das erste, was Sie zum Erstellen von Bannerfotos benötigen, ist die Möglichkeit, in verschiedenen Grafikeditoren zu arbeiten. Leider wird es heute sehr schwierig sein, ohne besondere Fähigkeiten ein qualitativ hochwertiges und stilvolles Bild zu erstellen.
Wenn Sie nicht über ausreichende Fähigkeiten verfügen, können wir Sie beraten, die Hilfe von Profis oder vorgefertigte Vorlagen verwenden, auf die wir später noch genauer eingehen werden.
Am häufigsten verwendete Programme:
- Adobe Photoshop;
- Adobe Illustrator;
- GIMP.
Dies sind die drei beliebtesten Programme. Wenn Sie die Fähigkeiten haben, in mindestens einem von ihnen zu arbeiten, wird es Ihnen nicht schwer fallen, ein wirklich schönes und nützliches Banner zu erstellen.
Wie wählt man Größen für ein VKontakte-Banner aus?
Das zweite, was erforderlich ist, ist die Kenntnis der Größen, da alle Bilder auf VKontakte und die Abstände zwischen ihnen eigene Parameter haben, die bei Ihrer Arbeit wichtig sind. Ihre Verwendung führt zu besseren Ergebnissen.
Je nachdem, wie genau Sie Ihr Publikum gestalten werden, verwenden Sie die entsprechenden Größen:
- Titelbild - 1590 x 400 Pixel;
- Avatar - 200 x 500 Pixel;
- Angehefteter Beitrag (quadratisch) - 510 x 510 Pixel;
- Angepinnter Beitrag (auf der Ebene des Avatars) - 510 x 308 Pixel.
So erstellen Sie ein Banner für einen Header
Zuerst müssen Sie eines der oben genannten Programme herunterladen und auf Ihrem Computer installieren. In unserer Anleitung verwenden wir das Programm AdobePhotoshop.
- Starten wir das Programm.
- Öffnen wir ein Bild darin.
- Als nächstes erstellen Sie mit dem Werkzeug "CropTool" einen Rahmen mit den Maßen 1590 x 400 Pixel.
- Wählen Sie als Nächstes das angezeigte Teil aus und drücken Sie die Eingabetaste. Das Bild ist beschnitten.
- Wir sparen.
Somit haben wir ein Banner in der benötigten Größe erhalten.
Jetzt müssen wir es nur noch in die Gruppe laden:
- Gehen Sie zu Community-Verwaltung.
- Wählen Sie rechts den Abschnitt "Einstellungen".
- Suchen Sie die Zeile "Cover" und klicken Sie auf die Schaltfläche "Download".
- Wählen Sie die Datei auf Ihrem Computer und dann den angezeigten Teil aus.
- Speichern Sie Ihre Änderungen.
Der Arbeitsablauf in anderen Editoren ist ähnlich.
Wenn Sie sich entscheiden, ein Banner von Grund auf neu zu erstellen (alles Design, Stil, Text usw.), benötigen Sie Designkenntnisse.
So erstellen Sie ein gepinntes Banner in der VK-Gruppe
Die Erstellung eines festen Banners erfolgt nach dem gleichen Prinzip wie das Cover, mit Ausnahme eines Moments - wir machen einen Rahmen mit den Maßen 510 x 510 (308) Pixel.
Um der Öffentlichkeit hinzuzufügen, müssen Sie:
- Erstellen Sie einen Beitrag.
- Laden Sie beim Erstellen das fertige Bild (Banner).
- Poste einen Beitrag.
- Drücken Sie den Knopf mit den Auslassungspunkten und sichern Sie ihn.
Daher haben wir es an der auffälligsten Stelle platziert. Sie müssen nur eine Anzeige oder einen Link zum Menü hinzufügen.
So erstellen Sie ein angrenzendes Vkontakte-Banner
Kommen wir nun zum schwierigsten und interessantesten Teil.
Was sind benachbarte Bilder? Dies sind zwei oder mehr separate Fotos, die eine direkte Fortsetzung voneinander sind. Diese Methode wird nicht nur für öffentliche Seiten verwendet, sondern auch für Profile auf VKontakte.
Sie können eines von zwei Bannern auswählen:
- Angrenzendes Banner VK mit Umschlag;
- Neben dem Avatar.
Beim Erstellen des ersten ist es notwendig, dass beide Bilder auf der linken Seite übereinstimmen.
Bei der Erstellung der zweiten Option müssen gleich drei Punkte berücksichtigt werden:
- Hat die Gruppe einen Status - sie verschiebt den festen Teil um 10 - 20 Pixel nach unten;
- Enthält der Beitrag Text - es verschiebt auch das Foto nach unten (je nach Größe des Textes);
- Sollen die Bilder unten auf der gleichen Ebene enden.
Angenommen, Sie haben sich entschieden, ein angeheftetes Banner zu erstellen, das unten auf der gleichen Ebene mit dem Avatar endet, aber Sie haben nicht berücksichtigt, dass es einen Status gibt, der 20 Pixel benötigt. Dadurch hat sich Ihr linkes Foto nach unten verschoben und stimmt nicht mit dem rechten überein.
Es scheint eine Kleinigkeit, aber das Ergebnis ist wertlos. Seien Sie daher vorsichtig.
Kommen wir nun zum Erstellungsprozess selbst:
- Zuerst müssen Sie zwei Leerzeichen nehmen: Das erste ist 200 x 500 Pixel, das zweite 510 x 308 Pixel (Sie können andere Parameter haben).
- Als nächstes laden wir den ersten an den Ort des Avatars, den zweiten an den Ort der Aufnahme.
- Dann machen wir einen Screenshot.
- Laden Sie den Screenshot in Photoshop hoch.
- Klicken Sie anschließend mit der zweiten Maustaste auf das Tool "CropTool" und wählen Sie "SliceTool".
- Wählen Sie zwei Bereiche mit Pixelgenauigkeit aus.
- Entfernen Sie das Schlosssymbol aus der Ebene und machen Sie es unsichtbar.
- Fügen Sie ein Bild hinzu und passen Sie es an unsere Rahmen an.
- Speichern Sie die Datei für das Web. Und in den Einstellungen wählen wir JPEG-Format... Es wird im HTML-Format gespeichert und die Fotos befinden sich im Bilderordner.
- Dann laden wir die Bilder an Ort und Stelle.
Am Ende haben wir das bekommen:
Es sieht ziemlich beeindruckend aus. Vergessen Sie nicht, hier Anzeigen, Menülinks usw. hinzuzufügen.
Vorgefertigte VK-Bannervorlagen
Schauen wir uns nun an, wie Sie ohne das Wissen professioneller Redakteure ein Banner in einer VKontakte-Gruppe erstellen, was Monate dauern kann. Profitieren Sie von vorgefertigten Lösungen.
Lassen Sie uns nun über vorgefertigte Vorlagen sprechen.
Erstens gibt es Websites, auf denen Sie Banner der erforderlichen Größe herunterladen können. Dies sind Websites wie:
- Vk-oblozhki.ru
- Du-ps.ru
- psd-box.at.ua
Zweitens können Sie Dienste nutzen, bei denen Sie Ihr eigenes stilvolles Bild online erstellen können. Hier können Sie Text, Logos usw. hinzufügen. Dies sind Dienstleistungen wie:
- Fotor.com;
- Canva.com.
Die Verwendung einer solchen Software vereinfacht den Prozess der Gruppenregistrierung erheblich.
Ergebnis
Um Banner für VK-Öffentlichkeiten zu erstellen, benötigen Sie bestimmte Fähigkeiten im Umgang mit Grafikeditoren, Geduld und Verständnis für die Materie.
Vergessen Sie nicht die Designkomponente. Es ist sehr wichtig. Denn jedes Bild in der Gruppe soll Nutzer nicht abstoßen, sondern eher anziehen.
Wir hoffen, dass dieser Artikel für Sie nützlich war.
In diesem Artikel möchte ich mein gesamtes Wissen über die Gestaltung von VKontakte-Gruppen basierend auf meiner Erfahrung im Umgang mit Kunden und deren Vorlieben systematisieren. Darüber hinaus hat VKontakte in den letzten sechs Monaten viele Änderungen vorgenommen, die viele nicht einmal vermuten. Auf einige Neuerungen wollte ich genauer eingehen, da es darunter wirklich lohnende und nützliche Dinge gibt. Wir alle scheinen uns nach der Neugestaltung von VKontakte bereits von einem gewissen Schock erholt zu haben, und hinter den sichtbaren Veränderungen zeigte sich die Vielfältigkeit der Funktionsweise und des Inhalts der Gruppe. Die Gestaltung von Gruppen ist nun also ein komplexer Vorgang, der sich nicht ausschließlich auf die grafische Komponente in Form schöner Bilder beschränkt. Jetzt müssen Eigentümer die vielen Nuancen beim Aufbau einer Konzernstruktur berücksichtigen, je nach Geschäftsgegenstand und Benutzerfreundlichkeit.
Dies betrifft hauptsächlich die Wahl des grafischen Designs aus zwei sich gegenseitig ausschließenden Optionen, die Entwicklung einer internen Speisekarte, die Auswahl eines Einstiegspunkts in die interne Speisekarte, das Verständnis des Unterschieds zwischen einem Katalog und einer Warenpräsentation, die Vorbereitung von Werbematerialien zur Förderung einer Gruppe, die Verwendung von nützliche Anwendungen... Aber das Wichtigste zuerst. Zuerst betrachten wir die Hauptelemente des Gruppendesigns, gehen dann zu ihrem Zusammenspiel in Form verschiedener Kombinationen über und sprechen dann über einige nützliche Tricks und Feinheiten.
1. Horizontale Abdeckung (Kopfzeile)
Beginnen wir mit einem horizontalen Deckblatt oder einer Kopfzeile. Die Entwickler von VKontakte versichern uns, dass das Cover aufgrund seiner Größe eine große Flexibilität bei der Bereitstellung und Visualisierung von Informationen bietet. Normalerweise außerdem schönes Bild in der Kopfzeile gibt es ein Logo, begleitende Informationen, Kontakte, einen Aufruf, der Gruppe beizutreten, die Site-Adresse. Ich habe den Verdacht, dass eines Tages die Cover die einzigen sein werden mögliche Option Registrierung der Gruppe würde ich daher empfehlen, sofort zu ihnen zu wechseln, um spätere Umgestaltungen durch höhere Gewalt zu vermeiden.
So laden Sie ein Cover hoch
Um ein Cover herunterzuladen, gehen Sie zu Community-Verwaltung >> Basisinformationen >> Community-Cover >> Download. Die empfohlene Covergröße beträgt 1590 × 400 Pixel. Es darf keine funktionierenden Schaltflächen in der Kopfzeile geben, auf die Sie klicken können - tatsächlich ist dies ein Bild und das war's. Bis heute ist das Cover sichtbar auf mobile Geräte, und scheint bereits in Anwendungen und Clients sichtbar zu sein.
Wiki-Tab Neueste Nachrichten
Im oberen Block unter der Kopfzeile können sich nun drei Reiter befinden: einen angepinnten Eintrag, Informationen zur Community und ein Wiki-Menü (nur in Gruppen, auf öffentliche Seiten es gibt keine solche Registerkarte). Der Schwerpunkt liegt weiterhin auf dem gepinnten Beitrag, aber selbst mit seiner Präsenz hat der Benutzer jetzt immer Zugriff auf Informationen über die Community, indem er durch die Registerkarten wechselt. Um den Wiki-Menü-Tab (ursprünglich Fresh News genannt) zu sehen, müssen Sie zu Community-Verwaltung »Abschnitte» Inhalt »Eingeschränkt (oder geöffnet)» Speichern gehen.
2. Vertikaler Avatar
Wenden wir uns nun dem guten alten Gruppen-Avatar mit der Größe 200x500 Pixel zu. Bisher ist es auch eine Möglichkeit, eine Gruppe zu dekorieren. Üblicherweise befinden sich auf dem Avatar folgende Informationen: Logo, Begleittext oder Slogan, Kontakte, Aufruf zum Beitritt zur Gruppe. Auf Mobilgeräten ist nicht der gesamte Avatar sichtbar, sondern nur ein Teil davon - ein Miniaturbild. Um eine Gruppe zu entwerfen, können Sie entweder eine horizontale Kopfzeile (Cover) oder vertikales Banner... Wenn eine Kopfzeile vorhanden ist, ist der vertikale Avatar nicht sichtbar. Es kann keine funktionierenden Schaltflächen auf dem Avatar geben, auf die Sie klicken können - tatsächlich ist dies ein Bild und das war's.
3. Miniatur
Derzeit wird ein vertikaler Avatar verwendet, um ein Miniaturbild zu erstellen, dessen Mindestgröße 200 x 200 Pixel beträgt. Das Thumbnail wird in Beiträgen und Beiträgen als kleiner Kreis am Titel und als größerer Kreis in einigen Community-Auswahlen und Erwähnungen verwendet. Im Zusammenhang mit dem Übergang zu einer runden Form sind die Anforderungen an Miniaturen gestiegen. Damit der Text auf einer Miniatur vollständig gelesen werden kann, darf er optisch nicht über die Grenzen des Kreises hinausgehen.
So laden Sie ein Miniaturbild hoch
Die Miniatur ist zu einem völlig eigenständigen Element geworden und wenn Sie das Cover (Header) im Design der Gruppe verwenden, müssen Sie jetzt eine separate Miniatur erstellen. Wenn die Gruppe keine Kopfzeile (Cover) hat, müssen Sie zum Herunterladen einer Miniaturansicht im Avatar-Block (oben rechts) auf "Foto hochladen" klicken. Wenn das Design eine Kopfzeile (Cover) enthält, müssen Sie zum Herunterladen der Miniaturansicht auf den Kreis direkt unter der Kopfzeile klicken und dort den Punkt "Foto hochladen" auswählen.
4. Banner
Banner (englisch banner - a flag, a banner) ist ein grafisches Bild mit Informations-, Werbe- oder Anreizcharakter. Das Banner wird als Bild an den Beitrag angehängt und darf nur einen internen Link haben. Viele sind noch immer davon überzeugt, dass aus einem Banner auf der Startseite mehrere Links gesetzt werden können. Dies ist nicht der Fall, nur ein Link und das war's. Ich würde die folgenden Arten von Bannern hervorheben.
4.1 Informationsbanner
Eine gängige Art von Banner mit allgemeine Informationenüber ein Unternehmen, eine Gruppe, eine Dienstleistung oder eine Veranstaltung mit einer detaillierten Vorteilsliste und weiteren Begleitmaterialien. Wird oft als angehefteter Beitrag in einer Gruppe verwendet. Die Größe eines solchen Banners beträgt 510x307 Pixel. Bei dieser Größe stimmt das Banner unten mit dem Avatar überein. Wenn kein Link zum Avatar vorhanden ist, können Sie eine beliebige Größe verwenden. Ich verwende zum Beispiel 600x350 Pixel. Auch das Format eines quadratischen 510x510 Pixel ist praktisch und wird immer beliebter – mit dieser Größe nimmt das Banner die größtmögliche Fläche im Newsfeed ein.
4.2 Banner zum Einstieg in das interne Menü
Wenn wir dem Banner aus dem vorherigen Absatz eine einprägsame Aufschrift "Menü öffnen" hinzufügen, erhalten wir ein Banner, dessen Hauptaufgabe darin besteht, als Einstiegspunkt in das interne Menü zu dienen. Manchmal machen sie einen Trick in Form von mehreren Buttons auf dem Banner, aber das ist eine Illusion, wenn der Benutzer klickt, kommt er immer noch auf die interne Seite, und dort hat jeder Button einen eigenen Link. Die Größe eines solchen Banners beträgt 510x307 Pixel. Bei dieser Größe stimmt das Banner unten mit dem Avatar überein. Wenn der Zugang zum Menü nicht an einen Avatar gebunden ist, können Sie eine beliebige Bannergröße erstellen, sogar einen schmalen Button mit der Aufschrift "Menü öffnen". Hauptsache die Bannerbreite sollte mindestens 510 Pixel betragen.
4.3 Karte für Repost, Werbeaktionen
V In letzter Zeit Karten für Reposts oder Promotions haben eine besondere Bedeutung erlangt. Ihre Aufgabe ist es, zu konkretem Handeln aufzurufen. Im Grunde ist es "Tritt einer Gruppe bei, reposte oder like und gewinne einen Preis." Solche Banner werden im Rahmen von Werbekampagnen oder Werbeaktionen sowohl in eigenen Gruppen als auch zur Werbung in anderen Gruppen verwendet. Normalerweise verwende ich 600x350 Pixel.
4.4 Banner mit Gif-Animation
Nachdem VK-Entwickler Anfang des Jahres gemacht haben größere Größe zum gif-bilder, GIFs standen sofort in einer Reihe mit Informationsbannern. Auf einem GIF-Banner können Sie beispielsweise mehrere wechselnde Produkte oder Texte bebildern - die Bewegung zieht sofort die Aufmerksamkeit auf sich. Und als die Funktion im Juni hinzugefügt wurde Autorun gif-Animationen im Newsfeed sind die GIFs zum Gegenstand der Aufmerksamkeit von Werbetreibenden und Vermarktern geworden.
5. Avatar-Design + angeheftetes Banner
Bis vor kurzem war dieses modulare Design, bestehend aus einem Avatar und einem angehefteten Banner, die beliebteste Art, Gruppen zu dekorieren. Weitere Details zur Erstellung eines solchen Designs werden in der Lektion beschrieben. Mit dem Aufkommen der Kappe (Abdeckung) kann die Popularität dieses Designs leicht abnehmen.
Außerdem besteht die Möglichkeit, dass VKontakt einige Parameter der Blöcke erneut ändert und dann das gesamte Design abfliegt, wie es in den letzten sechs Monaten bereits zweimal der Fall war. Berücksichtigen Sie also, liebe Gruppenbesitzer, bei der Auswahl eines Designs für Ihre Gruppe diese Tatsache. Ja, und noch etwas, auf mobilen Geräten ist die ganze Schönheit eines einzelnen Bildes nicht sichtbar, da der Avatar nicht angezeigt wird, sondern nur ein Miniaturbild und der angepinnte Beitrag direkt darunter.
6. Internes Navigationsmenü
Das Menü in Form von aktiven Links befindet sich auf der internen Seite von VKontakte und wird mit Wiki-Markup-Befehlen geschrieben. Wie Sie die Innenseite selbst erstellen, wird in der Lektion beschrieben. Mit Hilfe des Menüs navigiert der Benutzer durch die Gruppe. Im Folgenden betrachten Sie die Arten des internen Menüs, aber lassen Sie uns zunächst auf einige wichtige Punkte eingehen.
Einstiegspunkte im internen Menü
Ich möchte einen subtilen Punkt anmerken, der oft übersehen wird. Manchmal bestellen Kunden bei mir ein internes Menü, haben aber gleichzeitig absolut keine Ahnung, wie der Benutzer in dieses sehr interne Menü kommt. Und Sie können auf zwei Arten darauf zugreifen: entweder über ein festes Banner (siehe Abschnitt 4.2) oder über einen Textlink im oberen Tab unter der Statusleiste (siehe Abbildung unten). Manchmal wird auch ein Textlink im Block "Links" in der rechten Spalte der Oberfläche platziert.
Interne Menülinks
Normalerweise geben Kunden bei der Bestellung die folgenden Menüpunkte an: Über uns, Unsere Produkte (Katalog), Liefermethoden, Zahlung, Garantien, Bewertungen, Kontakte, Werbeaktionen, Rabatte, Zeitplan, Bestellvorgang, Portfolio, Fragen und Antworten, Info, Eine Bestellung aufgeben. Links von Menüpunkten können zu den entsprechenden Abschnitten der externen Site führen. Dann öffnet sich der Link automatisch in einem neuen Fenster. Die meisten Punkte führen zu Innenseiten VKontakte. In diesem Fall öffnet sich die Seite im gleichen Fenster und Sie müssen einen Link oder eine Schaltfläche "Zurück zum Hauptmenü" erstellen.
Links zu Alben mit Fotos und Videos werden in einem neuen Fenster geöffnet. Links zu Themen mit Diskussionen (z. B. Reviews), zu einem Dialog zum Schreiben von Nachrichten, zu Anwendungen (siehe Abschnitt 10), zu einer Auswahl nach Hashtags (siehe Abschnitt 12) öffnen sich im selben Fenster und in in diesem Fall zurück zum Menü gelangen Sie nur über Startseite Website oder über die Schaltfläche "Zurück" im Browser. Dies ist vielleicht der ungünstigste Moment bei solchen Links.
Menüs bearbeiten
Kunden fragen mich oft, ob es möglich ist, das interne Menü zu bearbeiten. Meine Antwort ist, wenn Sie ein sicherer Benutzer sind und mit Wiki-Markup- und Bearbeitungsmodi vertraut sind, können Sie bearbeiten. Aber wenn Sie das alles nicht kennen, dann absolut nicht. In diesem Fall klopfen Sie einfach alle Einstellungen ab.
Ich werde die Worte der VKontakte-Entwickler selbst zitieren. „Ein einfacher Rat spart Ihnen viel Energie und Nerven: Arbeiten Sie in nur einem Modus. Entweder ist es der visuelle Modus oder der Wiki-Markup-Modus. Es ist das Umschalten zwischen diesen beiden Modi während der Arbeit am Markup, das die meisten Probleme mit sich bringt: Bilder können schrumpfen, können verschwinden verschiedene Parameter... Dies ist einer dieser Momente, die in Zukunft definitiv korrigiert werden, aber im Moment müssen Sie diese Tatsache im Hinterkopf behalten."
Mobile Reaktionsfähigkeit
Und noch etwas zur Anpassungsfähigkeit. Damit das interne Menü auf mobilen Geräten gleich aussieht, müssen Sie auf Tabellen setzen. Dann wird das Bild festgepinnt. Andernfalls neigen die Bilder beim Verkleinern der Bildschirmgröße dazu, untereinander zu rutschen, wodurch die ursprünglich gedachte Reihenfolge verletzt wird.
Auch hier gehen die Worte der Entwickler auf Kosten der Anpassungsfähigkeit. "Das Wiki-Menü wird angezeigt in mobile Browser passt sich jedoch nicht der Bildschirmgröße an, was dazu führen kann, dass Bilder anders aussehen als auf dem Computer. Im Netz finden sich Anleitungen zur Anpassung des Wiki-Markups für mobile Geräte, aber auch diese garantieren nicht 100% Leistung auf allen Geräten."
7. Arten des internen Navigationsmenüs
Im Folgenden sind die gebräuchlichsten Arten von internen Menüs aufgeführt. Es gibt einfachere und kostengünstigere Lösungen mit einem hohen Maß an Zuverlässigkeit. Und es gibt komplexere und aufwändigere Designs in Bezug auf Grafik und Layout. Aber sie sehen beeindruckender aus.
7.2 Großes grafisches Menü
In diesem Fall befindet sich die vertikale Linkreihe auf einem großen Hintergrundbild und hat eine starre Struktur. Hier ist ein Tutorial.
7.3 Menü in Form von Icons, Kacheln
Dieses Design setzt mehrere Zeilen und Spalten in Form von grafischen Symbolen und Beschriftungen oder grafischen mehrfarbigen oder monochromen Kacheln voraus.
7.4 Dynamisches Menü mit Navigationseffekt
Ein sehr beeindruckendes Design, das die Site-Navigation nachahmt, indem Sie auf Schaltflächen klicken oder auf andere Weise besuchte Links markieren. Ein solches Menü ist ziemlich schwierig zu verwalten und erfordert Kenntnisse in der Kommunikation mit dem Wiki-Markup, da Sie auch die Informationen auf den Seiten im Wiki-Markup bearbeiten müssen. Hier ist ein Tutorial zu diesem Thema.
Im Sommer 2016 überraschten die Entwickler des sozialen Netzwerks Vkontakte ihre Nutzer schließlich mit einem komplett überarbeiteten Design. Um ehrlich zu sein, nahmen die Stammgäste dieser Seite das frische Design sehr zweideutig wahr, eher betraf es die Eigentümer von Communities mit einem zusammengeführten Bild als Design (Avatar + Banner). Der Abstand zwischen der angepinnten Nachricht und dem Avatar hat sich buchstäblich verdoppelt, das Banner hat sich merklich vergrößert und tiefer abgesenkt und das Thumbnail der Community ist jetzt kein Quadrat, sondern eine runde Fläche - all diese peinlichen Momente haben den Bestellern viele Probleme bereitet und installierten Designs für ihre Gruppen früher. Der einzige Ausweg in dieser Situation war die Überarbeitung des alten Designs an die neuen Anforderungen unter Beibehaltung des Konzepts.
Obwohl das Design von Vkontakte-Communitys ein ziemlich mühsames Geschäft zu sein scheint (insbesondere im Vergleich zu anderen sozialen Netzwerken, bei denen im Grunde ein rechteckiges Cover und ein quadratischer Avatar ausreichen), stimmt dies tatsächlich nicht ganz. Als nächstes werden die Anforderungen an grafische Bilder und im Allgemeinen Wege zum Anordnen der Gruppe als solche beschrieben.
Die erste Möglichkeit, Ihre Community verkaufsstark und attraktiv zu machen, ist das Standard-Avatar + Banner + Menüschema.
Benutzerbild
Der Avatar blieb in der Größe 200 x 500 Pixel (aber immer noch besser als 400 x 1000 mit Qualitätsspielraum), obwohl zunächst während des Betatests des neuen Designs eine solche Variante der Größe 200 x 300 in Betracht gezogen wurde ist jetzt rund, aber wenn dieser Kreis in ein Quadrat eingeschrieben wird, dann werden seine Abmessungen wie zuvor 200 x 200 Pixel betragen.
Banner (angehefteter Beitrag)
Die optimale Bannergröße beträgt 1024 x 680 Pixel (mit Qualitätsspielraum). Ich habe viele Variationen der idealen Bannergröße im Internet gesehen, aber mit 1024 x 680 werden Teile des Banners bei der Anzeige auf einem Computer nicht abgeschnitten, von einem normalen mobile Version oder über eine Android-App. Bemerkenswert ist auch, dass sich das Banner aufgrund des doppelten Community-Namens nun unten im Bereich oberhalb des Bildes befindet und das Veröffentlichungsdatum aus dem Bereich unterhalb des Bildes an die Stelle unter dem doppelten Namen verschoben wurde. Noch eins wichtiger Punkt- Dies ist die fehlende Anklickbarkeit des Banners von einem mobilen Gerät aus. Jene. vom Telefon aus müssen die Leute auf den Link unter dem Bild klicken, nicht auf das Bild selbst.
Speisekarte
An Menügestaltung und Wiki-Markup hat sich im Allgemeinen nichts geändert. Nach wie vor verwende ich die Menübreite bei 606 Pixeln und beliebiger Länge. Für die Anpassungsfähigkeit auf Mobilgeräten ist es besser, die Navigation innerhalb der Tabelle zu setzen - auf diese Weise wird sie bei der Anzeige auf einem Telefon einfach proportional verkleinert, um sie an den Bildschirm anzupassen. Wenn Sie jedoch eine Navigation erstellt haben, bei der die Elemente einfach untereinander angeordnet sind, müssen Sie dies nicht tun - die Methode mit der Tabelle ist nur für solche Menütypen erforderlich, bei denen die Anzahl der Schaltflächen in einer Reihe mehr als eins beträgt . Im Allgemeinen ist es aus Gründen der Benutzerfreundlichkeit besser, das Menü nicht nur in Form von Links zu Materialien zu erstellen, sondern Wiki-Seiten mit einer komplexen Struktur zu erstellen.
Wenn Sie ein einzelnes Bild zur Dekoration benötigen, dann tragen Sie zunächst einen Avatar und ein Banner in Form einer festen Nachricht in eine Gruppe zum Experimentieren ein. Schreiben Sie alle Daten aus der Beispiel-Community in Ihre Gruppe um: Status, Name (dies ist wichtig, da diese Daten in den Nachrichten dupliziert werden) und fragen Sie den Kunden nach dem Text, der über dem Banner angezeigt wird.
Danach können Sie bereits anhand des Screenshots eine Probe nehmen, die in Photoshop platziert werden muss.
Es gibt auch eine Designmethode wie "Cover + Banner + Menü". Im Allgemeinen können Sie nur das Cover belassen und alle wichtigen Informationen darauf platzieren. Aber auf jeden Fall muss der Avatar gesetzt werden: Er wird in der Gruppe selbst nicht sichtbar sein, aber die Community-Miniatur wird daraus entnommen. Die optimale Covergröße beträgt 1590 x 400 Pixel, und Sie können ein Bild mit dem Befehl „Community-Verwaltung – Community-Cover: Hochladen“ hochladen.
Bildgrößen für VKontakte-Design
- Avatar: 200 x 500 Pixel (Qualität 400 x 1000 Pixel);
- Avatar-Miniaturansicht 200 x 200 px
- Banner oder Größe des gepinnten Beitrags in der Gruppe: 1024 x 680 Pixel, jedoch nicht weniger als 510 Pixel Breite;
- Menü: Breite 606px;
- Deckt 1590 x 400 Pixel ab.
