Länkar till Episever Production (prod)

Transkript

1 Lathund för publicering på rodakorset.se För dig som är avdelnings-eller enhetsredaktör och publicerar innehåll på rodakorset.se. Med innehåll menar vi här text, bild, video (uppladdad på youtube) och dokument. Viktigt att webbredaktörer håller sig till konceptet Plattformen är byggd i CMS EPiserver 9x, vilket är en molnlösning. För en hållbar och sammanhållen webb är det viktigt att alla webbredaktörer håller sig till koncept, riktlinjer och tar frågor och problem vidare till webbredaktionen. Länkar till Episever Production (prod) Allt du publicerar här går live direkt, var försiktig! Pre production (Prep) Vid problem Vid problem med inloggning eller behörighet kontaktar du Service desk.

2 Episervers gränssnitt för redaktörer För att komma till gränssnittet för redaktörer i Episerver, klickar du på det orangea fältet uppe till höger. Gränssnittet för redaktörer: 1. Trädstrukturen (URL) för rodakorset.se till vänster (vänsterkolumnen) 2. Fliken Block: mappstruktur för alla block till höger (högerkolumnen) 3. Fliken Media: mappstruktur för bilder och dokument (PDF) till höger 4. Blockyta på sida: Det finns flera blockytor på en sida och i denna yta kan du från mappstrukturen i fliken Block till höger dra in och släppa det block du vill visa på sidan. Block skapas alltid i mappstrukturen till höger, aldrig på sidan. 5. Textyta på en sida: Det finns flera textytor på en sida och här kan du formatera text med rubriker, punktlistor, länkar och CTA-knapp. Om du behöver fler textytor på en sida för att kunna disponera den som du vill, kan du använda textblock i samma syfte, och dra in på en blockyta.

3 Att redigera i Episerver Innehåll 1. Redigera en sida 2. Skapa ett nytt block 3. Skapa en ny sida 4. Förhandsgranska och redigera i mobilvy 5. Ta bort en sida och peka om gamla URL-en 6. Redigera innehåll på sidan 7. Block 8. När du ska kontakta webbredaktionen 9. Koncept

4 Redigera en sida Så här gör du: Leta rätt på sidan i trädstrukturen och klicka på den. När du gör en ändring på en sida får du upp en blå ruta med texten Ändringar att publicera Ska du endast uppdatera text, redigerar du texten och klickar på Publicera. Nu syns din ändring externt. Redigera i ett block på sidan Vill du redigera i ett block på sidan letar du upp det blocket och klickar på menyn till höger, välj Redigera. Tänk på att blocket ändras på alla de sidor det visas ut på. Redigera blocket och klicka på publicera. Nu syns din ändring externt. Vill du se hur sidan ser ut, klicka på Alternativ upp till höger, välj Visa på webbplats

5 Skapa ett nytt block Så här gör du: Klicka på fliken Block i högerkolumnen. För att förenkla för alla webbredaktörer ska alla block skapas i mappstrukturen till höger, du får inte skapa ett block direkt på sidan. Skapa ett nytt block under rätt typ av block och på rätt plats i mappstrukturen. Strukturen följer trädstrukturen till vänster. Välj rätt blocktyp:

6 Namnge blocket enligt vår standard för att döpa block: Blocktyp-lämpligt namn Exempel: PuffBlock2 Emblem som skyddar liv Redigera och publicera blocket: Lägg in innehåll som text, bild och länkar i det block du skapar, se utförliga instruktioner för hantering av olika block längre fram i lathunden. Dra in ditt block på sidan eller sidorna där du vill visa ut det och släpper det i blockytan. Du kan välja hur du vill visa ut blocket som du dragit in på sidan genom att klicka på menyn till höger på blocket, välja Visa som och det visningsalternativ du vill använda. Block kan visas i kant till kant i desktop, eller smalare. Testa gärna olika varianter. För att lägga två block i bredd på desktop (i mobilvy lägger blocket sig alltid under varandra) klickar du på blocket och väljer Visas som: Halv

7 Skapa en ny sida Tänk på att! Om det finns innehåll om samma ämne på annan plats på sajten, fundera på om den sidan ska uppdateras eller om ny sida ska skapas. Skapar du en ny sida är det viktigt att länka till och från sidor om samma ämne och att sökordsoptimera på rätt nyckelord. Gå till rätt plats trädstrukturen. Klicka på menyn till höger på den rubrik under vilken du vill skapa en ny sida, välj Ny sida.

8 Välj sidtyper När du skapar en ny sida i Episerver kanske du får upp en vy som visar många olika sidtyper, så här: Du väljer en av två olika sidtyper vi använder, beroende på vilken typ av innehåll du vill publicera: Artikelsida för redaktionellt material eller Generisk landningssida för övrigt innehåll. I Episerver finns en Lathund för redaktörer där du kan läsa mer. Högst upp under Föreslagna sidtyper visas den eller de sidtyper som användes senast. Leta rätt på den sidtyp du vill använda.

9 Namnge sidan Namnet blir URL-en för sidan, och det är en viktig faktor för att optimera för sökmotorer. Fälten namn: Det du fyller i här blir sidans URL och namn. Du kan ändra på URL-en till dess att du publicerar sidan. Namnet kan du ändra närsomhelst, men tänk på att det då påverkar rubriken om sidan finns med i ett linklistblock. Tänk på att använda nyckelordet för sidan tidigt i namnet skapa ett kort och beskrivande namn inte använda å, ä, ö eller specialtecken i namnet.

10 Redigera innehåll på sidan Bilder Fliken Header o Rubriken blir huvudrubrik på sidan: H1 o Ingress ligger på desptop i bilden och i mobilvy under bilden. o Välj en bild i format 2000x dra in och släpp i rutan för Bild. o Om bilden inte syns, kontrollera att bilden är publicerad med titel, beskrivning (alttext) och fotograf Fliken Puff data o Välj bild i format 1050x700, dra in och släpp i fältet puffbild o Skriv en Puff-rubrik som inte är för lång, testa i mobilvy o Puff-ingressen får vara max 125 tecken (tecken räknare finns på fliken SEO. Fliken SEO o Fyll i en Metatitle som beskriver sidan. Använd nyckelordet tidigt. Avsluta med Röda Korset. (Pipe-tecken skapar du genom att hålla nere AltGr och klicka på ). o Skriv en Metabeskrivning på max 155 tecken. Fliken innehåll Kategorier Innehållskategorier finns upplagda i EPiserver och du kan välja en eller flera kategorier för din sida. Det innebär att i de fall en besökare klickar på en kategori på en artikelsida landar denna på en sida som visar allt innehåll under den kategorin. Du kan välja flera kategorier för samma sida. I vissa block kan du välja att visa innehåll under viss kategori. I puffar syns vlad kategori (Första eller sista?) Blockyta Textyta Flikar att göra en CTA-knapp i textytan. För att åstadkomma CTA-knappen gör du först en länk av texten, sedan kan du välja CTA som format.

11 Ta bort en sida och peka om gamla URL-en

12 Bilder Hitta bild som finns i EPi. Ladda upp en ny bild. Metadata och publicera bild. Dra in en bild på sidan. Vi använder följande två mått (båda måtten går att ladda ner från Mediabanken): o Header-bild: 2000x1125 o Puff-bild: 1050x700 Om du vill visa en bild på annan plats på sidan än i header eller puff, kan du använda ett BildBlock. Skapa ett BildBlock på rätt plats i mappstrutkuren och fyll i fältet Beskrivning (Alt-text). Dra in din bild och publicera blocket. Nu kan du dra in blocket i rätt blockyta på din sida.

13 Dokument Det enda format vi stödjer på webben är PDF. Döp din pdf till lämpligt namn, gärna med nyckelordet i namnet. I EPI öppnar du menyn till häger och väljer fliken Media. Klicka på mappen Dokument och välj rätt mapp för ditt dokument. Dra in dokumentet i EPi och klicka i dialogrutan du får upp. Nu kan du använda dokumentet genom att länka det i texter eller i ett block.

14 Block Kontakta webbredaktionen när det gäller följande: Block Skapa, redigera eller ta bort följande block DirektGåvoBlock ProduktGåvoBlock MånadsgivarBlock MedlemskapsBlock ReadMoreBlock Formulär Skapa formulär Uppdatera formulär Ta bort formulär Hämta formulärdata (uppföljning)

15 Koncept Fokusområden för rodakorset.se är att utifrån målgrupp och besökare stimulera till engagemang i Röda Korset samt hjälpa stödsökande att ta del av Röda Korsets humanitära erbjudande. Ingångsvärden: Mobile first, en kodbas, tillgänglighet Basvärden: Engagemanget i centrum, Målgruppen för ögongn och en lösning för framtiden Effektmål: Ökat givande Ökad involvering Lättare att få hjälp Enklare att förstå Röda Korset Jobba smartare (t.ex. datadrivet lärande) Fyra huvudsektioner: Stöd oss Engagera dig Få hjälp Vad vi gör och en Om os-sektion med förväntat innehåll. Tidigare "Opinion" heter numera "Fakta och ståndpunkter" och ligger under Om oss-sektionen.. Krigets lagar och Första hjälpen är utbrutet från Vad vi gör i trädstrukturen i Episerver av SEO-skäl. Världens barn är en återkommande kampanj varje år, Marknad har ansvar för sidan. Seminarier används av flera enhetr, vid frågor kontaktar du enhet Kommunikation. Målgrupper: Stöd oss: potentiella givare Engagera dig: den som vill engagera sig; bli volontär och bli medlem (BESLUT: på webben pratar vi volontär istället för frivillig, men att frivilligheten är en viktig del av Röda Korset. Få hjälp: stödsökande och personer so hjälper dem. Enkelt språk (Klarspråk). Ska finnas på flera språk. Vad vi gör: bred allmänhet ska få verksamhetsbeskrivande texter för att visa på bredden i Röda korsets verksamhet. Om oss: professionella och intresserade o I alla sektioner är det redaktionella materialet i form av artiklar viktigt för att väcka intresse och nyfikenhet och med tydlig call to action, kan vara t.ex. Bli månadsgivare, Bli volontär, Ge en gåva (t.ex. direktgåvoblocket) etc. SEO och url-struktur Url-erna i trädstrukturen är skapad med hänsyn till sökordsanalys och verksamhetspaketering. Alla artiklar ska placeras under rätt rubrik, dvs. i det sammanhang det bäst hör hemma, även om det berör flera områden. Om samma ämne (ord och uttryck) placeras på annan del av sajten, t.ex. under Fakta och ståndpunkter, måste länkar till huvudsidan och tillbaka skapas.

16 Beslut inom contentgruppen för att hantera konceptuella utmaningar InnehållskarusellBlock inleder Generisk landningssida och avslutar en Artikelsida Om endast en eller två sidor puffas för i innehållskarusellen, använd puffblock2 istället. Vissa sektioner har puffar istället för artikellistning, t.ex. Om oss-sidan Vi ska som regel ha bild i headern på alla sidor, och använda CTAknapp i headern endast under Stöd oss (men här är ett exempel på hur det kan se ut). Att skriva för webben Mobil först-optimering EPi tips och trix (t.ex. hur blocken visas ut etc.) Datadrivet arbetssätt o SEO-plan o KPI-er (ej satta, process Malin, Anders och Jenny) o Uppföljning (pågår, Christoffer A lead

17

18 Inställningar Header och meny Sidfot Globala inställningar Sökresultatsida

19