Person mit Brillen hält eine Hand an Kinn und blickt auf Tablet, im Hintergrund Bücherregal
© fizkes | stock.adobe.com

Mustervorlage für Artikelseite auf wko.at/wien

Elemente und Funktionen zur Gestaltung einer Contentseite auf WKO.at

Lesedauer: 11 Minuten

29.10.2024

Eine Webseite sollte besonders bei längeren Inhalten gut struktuiert und grafisch aufbereitet sein. Das Team der Onlineredaktion wählt die passenden Elemente für Sie. Hier finden Sie eine Übersicht der wichtigsten Funktionen und Gestaltungselemente.


Überschriften und Hervorhebungen

Sie bieten beim Lesen eine rasche Orientierung. Sobald sich auf einer Seite mehr als zwei Überschriften (H3) befinden, wird zudem automatisch ein Inhaltsverzeichnis erstellt. Außerdem sind Überschriften wichtig für die Suchmaschinenoptimierung (SEO).

Um wichtige Textpassagen hervorzuheben, stehen uns neben dem Fettmarkieren von Texten auch diese Elemente zur Verfügung:

 

Listen

Listen können wir sowohl als sortierte oder unsortiere Liste grafisch aufbereiten:

  1. Erstens
    1. Unterpunkt 
    2. ...
  2. Zweitens
  3. Drittens


  1. Erstens
  2. Zweitens
  3. ...



  • Punkt 1
  • Punkt 2
  • Punkt 3
    • Unterpunkt 3.1.
      • Unterpunkt 3.1.1.
      • ...

↑ nach oben


Verlinkungen im Fließtext

Im Fließtext können wir auf externe und interne Seite verlinken. Zudem können Call-to-Action-Buttons eingefügt werden, die auf eine Seite oder zu einer Download-Datei führen:

Hier geht's zum Seitenanfang


PDF-Download


Übersicht von Artikelseiten

Mit der Funktion "Inhalte auflisten" können andere Contentseiten manuell oder automatisch verlinkt werden. Titelbild und Überschrift werden von den verlinkten Seite automatisch übernommen.

↑ nach oben

 

Übersicht von Veranstaltungen

Alle bevorstehenden Mitglieder-Veranstaltungen (interne, externe und digitale) sind im VAMA zu erfassen. Öffentlich geschaltete Events können mittels Suchbegriffen in jede Seite auf wko.at integriert und verlinkt werden. Weitere Infos im Intranet zum Thema Veranstaltungen und Nachberichte auf wko.at 

Screenshot von Veranstaltungsübersicht: Gründungs-Webseminar
© WK Wien Beispiel einer Veranstaltungsübersicht (Screenshot)


Mediaplayer für Videos

Mit dem Mediaplayer können Sie Inhalte im MP4-Format abbilden. Die Videos werden direkt in der Seite abgespielt. Um ein Video einbetten zu können, muss es auf Youtube hochgeladen werden. Wie dies im Detail funktioniert, finden Sie in den Richtlinien für Content-LieferantInnen im Intranet.

↑ nach oben


Bilder

Bilder (bis max. 5000 Pixel) können auf WKO.at als Titelbild (oben), in Form einer Bildergalerie oder als Artikelbild im Fließtext positioniert werden. Im letzteren Fall kann die Größe durch Container (Spalten) angepasst werden.
Bilder können nur mit entsprechenden Copyrights © online gestellt werden!
Das betrifft sämtliche Bilder, die online gestellt werden sollen - auch jene in Downloaddateien. Bitte beachten Sie alle weitere Richtlinien für Content-LieferantInnen im Intranet.

Artikelbild

Lächelnde Person mit Brillen im Fokus, umgeben von weiteren Personen die auf Fenster Post-its kleben und betrachten
© contrastwerkstatt | stock.adobe.com Hier könnte Ihre Bildunterschrift stehen.


Bildergalerie


Bildergalerie auf flickr.com


↑ nach oben


FAQs

Akkordeon

Antwort

Spalte 1Spalte 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
Spalte 3Spalte 4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 


Antwort

Spalte 1Spalte 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Antwort

↑ nach oben


Container

Container bieten die Möglichkeit, Inhalte in zwei, drei oder vier Spalten zu formatieren.

Lächelnde Person mit Brillen im Fokus, umgeben von weiteren Personen die auf Fenster Post-its kleben und betrachten
© contrastwerkstatt | stock.adobe.com Bildunterschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Zwei Spalten mit Text und optional (nur) Bild rechts

Maxima Musterfrau

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

T +43 664 xxxxxxxx
E maxima.musterfrau@wkw.xx
W musterfrau.xx

Porträt einer Person mit Brillen in grünem Wollkragenpullover mit aufgeklapptem Laptop am Schoß, im Hintergrund verschwommen Wohnraum
© sepy | stock.adobe.com

Drei Spalten

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


Vier Spalten mit gleicher Breite

Lächelnde Person mit Brillen im Fokus, umgeben von weiteren Personen die auf Fenster Post-its kleben und betrachten
© contrastwerkstatt | stock.adobe.com

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Person mit Brillen hält eine Hand an Kinn und blickt auf Tablet, im Hintergrund Bücherregal
© fizkes | stock.adobe.com

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.


Vier Spalten mit unterschiedlicher Breite

Haus der Wiener Wirtschaft - Haupteingang von außen
© Florian Wieser

Das Haus der
Wiener Wirtschaft
Anfahrt & Kontakt

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

verschommenes Bild - Vortragender und Zuhörer im Seminarraum
© kasto | adobestock.com

Bildungseinrichtungen
der WK Wien 
im Überblick

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


↑ nach oben


Slider

Diese Ansicht bildet mehrere Seiten auf wko.at in Spaltenform als Slider an  (ab 4 Seiten)

Branchen

test

Bank und Versicherung

Die Mitglieder der Sparte Bank und Versicherung sind zentrale Akteure des Finanzplatzes. Banken stellen die finanzielle Infrastruktur zur Verfügung und ermöglichen mit Krediten an die Unternehmer Investitionen und Arbeitsplätze. Die Versicherungswirtschaft sichert Einzelne und ist auch in der privaten Altersvorsorge von zentraler Bedeutung. Auch Pensionskassen spielen bei privater Altersvorsorge eine wichtige Rolle. Die Sparte setzt sich national und international für wettbewerbsfähige Rahmenbedingungen ein.

Ein Mann sägt an einem Metallteil, das auf zwei Metallträger gespannt ist

Gewerbe und Handwerk

Mehr als 64.000 Mitgliedsbetriebe mit über 145.000 Mitarbeiter:innen zu vertreten, ist eine Herausforderung, die die Sparte Gewerbe & Handwerk mit Verantwortung und Freude wahrnimmt. Nach dem Motto: Unterstützen und Interessen vertreten mit Herz, Hirn und Engagement! Im Gewerbe und Handwerk vereinen sich Erfahrung mit Innovation, etablierte Unternehmen mit Start-ups und klassisches Handwerk mit moderner Dienstleistung und Qualität in Produktion und Service sichern den Erfolg des Wirtschaftsstandorts Wien.

Fotomontage zweier Bilder: Eine Person berührt großen Touchscreen mit Schriftzug international stores und lächelnde Person hält Kreditkarte in Händen, andere Person unscharf im Vordergrund Zahlungsgerät

Handel

Die Sparte Handel ist eine starke Partnerin für die Wiener Unternehmen. Die über 36.000 Mitglieder verteilen sich auf zahlreiche Branchen. Sie schaffen Arbeitsplätze, generieren Wertschöpfung, sichern die Lebensqualität und bieten Shopping mit Vielfalt und Flair. Als deren Interessenvertretung bieten wir vielfältige Servicedienstleistungen, umfassende Informationen und Betreuung in allen wirtschaftlichen Bereichen.

Zwei Personen mit weißen Schutzhelmen blicken in selbe Richtung, in die eine der Personen deutet

Industrie

Die Wiener Industrie – so nah, so erfolgreich Wir sind Ihre starke Partnerin zu allen Anfragen der Wiener Industrie. Wir beraten Sie und setzen uns aktiv für den Standort ein. 16 Branchen – von Elektro- oder Lebensmittelindustrie bis zur Gas- und Wärmeversorgung –, 600 Unternehmen tragen nachhaltig zum Wohlstand in Wien bei, indem sie 170.000 Arbeitsplätze sichern und jährlich Waren im Wert von 22 Mrd. Euro produzieren.

Kind mit rotem Umhang und erhobener Faust läuft über Wiese

Information und Consulting

Die Wiener Sparte Information und Consulting vertritt die Interessen von rund 40.000 Unternehmen aus den Sektoren Information, Kommunikation und Consulting. Als Motor des Innovations- und Zukunftsstandortes Österreich tragen diese wissensbasierten Dienstleistungsunternehmen 27 Milliarden Euro an Umsatzerlösen bei und beschäftigen 116.000 Arbeitnehmer:innen.

Großes Riesenrad im Wiener Prater mit roten Gondeln im Licht des Sonnenuntergangs, ringsum Baumkronen und im Hintergrund Gebäude der Stadt

Tourismus und Freizeitwirtschaft

Wir sind die gesetzliche Interessenvertretung der Betriebe aus der vielfältigen Wiener Tourismus- und Freizeitwirtschaft. Über 14.000 Unternehmen aus den Branchen Gastronomie, Kaffeehäuser und Hotellerie, aber auch den Reisebüros, den Kinos, Kultur- und Vergnügungsbetrieben sowie aus den Gesundheitsbetrieben und den Freizeit- und Sportbetrieben leisten täglich ihren Beitrag zur sehenswerten Wiener Tourismusbilanz. Als deren Vertreter:innen und Fürsprecher:innen gegenüber Behörden und Gesetzgebung sehen wir es als unsere Aufgaben an, für wirtschaftsfreundliche Rahmenbedingungen für unsere Betriebe zu kämpfen.

Collage mehrere Bilder mit grünen eckigen Farbelementen: Lkw, Bus, Zug, Auto fahrende Personen, Seilbahngondel, Schiff, Flugzeug und Taxischild

Transport und Verkehr

Die Sparte Transport und Verkehr vertritt die Interessen aller Wiener Verkehrsunternehmen. Zu unseren Mitgliedern zählen Unternehmen der Personen- und Güterbeförderung, der Logistik sowie Infrastrukturunternehmen. Die Branchen der Straßengüterbeförderung, Autobusse, Taxi- und Mietwagen, Eisenbahnen, Schifffahrt, Luftfahrt, Speditionen, Seilbahnen, Garagen, Tankstellen und Fahrschulen haben in Wien gut 8.700 Mitglieder.

↑ nach oben



Zitate

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

  ↑ nach oben


Formulare

Ein Onlineformular lässt sich individuell anpassen und in jede wko.at-Seite integrieren. Weiter unten das Bestellformular für die Zeitschrift "Wiener Wirtschaft. 
Weitere Details zu den Onlineformularen im Intranet

Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte eine korrekte E-Mail Adresse eingeben
Erfolgreiche Eingabe
Bitte ein valides Format eingeben
Erfolgreiche Eingabe
Bitte bestätigen Sie mit einem Häkchen
Erfolgreiche Eingabe
Bitte bestätigen Sie mit einem Häkchen
Erfolgreiche Eingabe
Bitte bestätigen Sie mit einem Häkchen
Erfolgreiche Eingabe

↑ nach oben



Komplementärspalte 

Die Komplementärspalte befindet sich in der Desktopversion auf der rechten Seite. In der Mobilversion finden Sie die Komplementärspalte unter dem Fließtext. Folgende Elemente sind hier möglich:

  • Kontaktbox
    Hier kann eine beliebige Mitarbeiter- oder Dienststellenkontaktseite verlinkt werden. Default: jew. Fachorganisation bzw. das Service-Center.
  • Textbox
    mit/ohne Bild bzw.
    mit/ohne Verlinkung
  • Links
    max. 5 Verlinkungen (interne oder externe)
  • Downloads
    max. 5 Dokumente
    Mögliche Formate sind PDF, DOC,JPG, PNG, XLS
  • Veranstaltungsbox mit Bild 
  • News-Box
  • Weitere interessante Artikel
    • einzelne Beiträge werden, basierend auf vorherigen Suchanfragen, über einen Algorithmus ausgewählt und angezeigt (Marketing Automation).

↑ nach oben