LOREM IPSUM
Handleiding Deelnemers Food Guerrilla WordPress post-invulling
[email protected] | Marjet Wullink | 06 - 42242614
|
I
ii
|
BureauBold Tips & tricks voor SEO
0
Inhoudsopgave 1. INLOGGEN . . . . . . . . . . . . . . . . . . . 1 2. DASHBOARD. . . . . . . . . . . . . . . . . . . 1 3. DEELNEMERSGRID . . . . . . . . . . . . . . . . 2 4. AFBEELDING TOEVOEGEN . . . . . . . . . . . . . 3 4.1 BEELD AANPASSEN . . . . . . . . . . . . . . . 4 4.2 AFBEELDING LINK NAAR EXTERNE PAGINA . . . . 5 5 VIDEO TOEVOEGEN . . . . . . . . . . . . . . . . 5 6. GALLERY INVOEGEN . . . . . . . . . . . . . . . 6 7 POST EN OPMAAK . . . . . . . . . . . . . . . . 8 7.1 LINKJES INVOEGEN . . . . . . . . . . . . . . . 9 7.2. ANDERE HANDIGE SYMBOLEN . . . . . . . . . . 9 7.3. DE ONDERSTE EXTRA RIJ . . . . . . . . . . . . 9 8 INHOUD IS VERDWENEN/ VORIGE VERSIE . . . . . 10 9 BETER GEVONDEN WORDEN IN GOOGLE . . . . . . 11 10 VERANDER DE URL . . . . . . . . . . . . . . 11
Dit document is alleen bedoeld voor cursisten van Bureaubold
WWW.BUREAUBOLD.NL
1
Inloggen
2
Dashboard
|
Ga naar www.foodguerrilla.nl /wp-admin < Je krijgt nu het volgende scherm te zien: Vul daar julli gebruikersnaam en wachtwoord Username: xxxx Password: xxxxx en de Captcha (dit is om te bewijzen dat je een mens bent en geen spamcomputer. Let op!: Hoofdletter-gevoelig) in en klik op “Log in”. Stap 1 is gedaan, je WordPress dashboard wordt nu zichtbaar.
Uit het Dashboard is het enige wat voor jullie van belang de ‘Posts’ en de ‘Media’.
Dit document is alleen bedoeld voor cursisten van Bureaubold
1
Pagina aanmaken Een campagnepagina bestaat uit een header, een linker- en rechterkolom en een footer. Header: Logo (uitleg invoegen afbeelding zie pagina 3) en een korte inleiding van het initiatief.
Linkerkolom: Uitleg wat het initiatief inhoudt en wat jullie doel is. Rechterkolom: Een lijstje met jullie namen en achtergrond, contactgegevens en links naar social media (Je vindt hier buttons om men jou te laten volgen op Twitter en liken op Facebook).
Footer: Filmpje: Ga naar het tabblad HTML en plak de embedcode van jullie filmpje in het tekstvak. Klik vervolgens op het tabblad ‘Visual’: jullie filmpje staat hier automatisch in het juiste formaat.
WWW.BUREAUBOLD.NL
4
|
3
Afbeelding toevoegen
Tussen de tekst kun je beeld zetten.) betekent een gewone afbeelding invoegen. Het gaat dan om onderstaande symbolen. Het eerste symbool (de rechthoek en elkaar, soort tv) Wanneer je op dit symbool klikt krijg je onderstaande pop-up te
zien.
Vanuit hier kun je in je eigen computer beeld uploaden. Klik op ‘Select Files’ en zo kom je in je computer terecht en kun je naar het mapje gaan waar je het beeld hebt opgeslagen. Kies de afbeelding die je wilt invoegen en hij gaat deze automatisch uploaden. Scroll dan als hij het beeld heeft geladen naar onderen. Je kunt hier een naam geven aan je plaatje bij Title en Alter-
nate text (deze laatste is goed voor het gevonden worden in Google). Als je dit niet belangrijk vind kan je het ook zo laten staan of eventueel later nog veranderen. Scroll naar beneden: Alignment betekent waar je het beeld in de tekst wilt hebben. Automatisch staat deze op none. Maar als je de tekst er recht langs wilt hebben klik je op ‘left’, zodat het beeld links van de tekst komt. Ook dit kan je nog veranderen nadat je het beeld hebt ingevoegd. kijk bij ‘Sizes’ hoe groot je de afbeelding erin wilt hebben. De formaten staan aangegeven in pixels. Een pagina is normaal ongeveer 750 pixels breed. Als je een kleine afbeelding wilt invoegen, vink dan ‘Thumbnail’ aan. Anders kun je kiezen voor ‘Medium’ wat meestal de beste optie is (zo’n 300 pixels). Full size kan wel eens te groot zijn voor de pagina (als deze bijvoorbeeld groter is dan 600 pixels zou ik voor een kleiner
Dit document is alleen bedoeld voor cursisten van Bureaubold
4
|
BureauBold Tips & tricks voor SEO
Wanneer je een beeld al ergens anders hebt staan, dan staat deze in de Media bibliotheek. (Dit is te zien in de linker dshboard navigatie). Je kunt dan kiezen wanneer je een afbeelding invoegt voor ‘Media library’ in plaats van uploaden vanaf je computer. (zie de pagina op de vorige pagina voor dit tabje)
4.1. Beeld aanpassen Klik op de afbeelding die je wilt aanpassen en dan verschijnen er 2 icoontjes zoals hieronder zichtbaar.
Je kan hier de ‘Alignment’ aanpassen. Wil je de afbeelding links van de tekst, rechts of centreren zonder tekst ernaast. Klik daarna onderaan op ‘Update’ om de aanpassing door te voeren. Je kunt hier ook de title (naam/titell) van de pagina aanpassen. Voor het aanpassen van de grootte van de afbeelding kun je gaan naar de rechtertab “Advanced Settings’, helemaal aan de bovenzijde van de pop-up.
Klik op het linker-icoontje (het berglandschap) om de afbeelding aan te passen. (Klik op het rechter-icoontje om de afbeelding te verwijderen.) Als je op het landschapje klikt, krijg je een pop-up scherm, zie onderstaand. Je kunt hier de grootte van het beeld aanpassen op 2 manieren. 1. Je ziet aan de linkerkant 100%90% etc. Je kunt het beeld dus schalen op de juiste grootte. 2. Je kunt ook zelf een bepaalde grootte invullen bij ‘Size’. Het is wel belangrijk dat de verhouding goed blijft. Bereken dus even als je width (breedte) 150 (pixels) doet dat je dan 113 doet voor de hoogte (height) anders komt de afbeelding er heel raar (uit verhouding) uit te zien. Scroll dan verder naar beneden en klik op ‘Update’. Dan is de aanpassing doorgevoerd.
Dit document is alleen bedoeld voor cursisten van Bureaubold
WWW.BUREAUBOLD.NL
4.2. Afbeelding link naar externe pagina Klik op de afbeelding die je in je post of pagina hebt staan. Klik op het linker icoontje met het schilderij. Dan krijg je de rechter pop-up. Vul dan bij Link URL het webadres in waar je de link naartoe wilt laten verwijzen. Zorg wel dat je er http://… voor hebt staan.
5
Video toevoegen
Ga naar ‘Pages’ of bericht. Ga naar de pagina/post waar je de video wilt hebben. Op deze pagina kun je direct je Youtube-url’s toevoegen. ( Je moet dus wel het filmpje eerst via Youtube hebben geupload. De pagina waar het filmpje opstaat, kun je dan kopiëren uit de adresbalk). Dit kan je doen als je in de VIsual werkt (zie rechtsboventabje) Klik daarna dan wel op ‘Update’!!
Dit document is alleen bedoeld voor cursisten van Bureaubold
|
5
8
7
|
BureauBold Tips & tricks voor SEO
Post en Opmaak
In je dashboard ga je naar ‘posts’ Je opent jullie eigen Post. Als het goed is, is dit er maar 1. Je begin met het invullen van de titel (‘title’). De titel is de naam van je groep/initiatief. Onder de Title zie je het tekstveld waar je de inhoud van je post/pagina in kunt gaan vullen. Let op: rechtsboven het tekst veld staan 2 tabjes, Visual en HTML. Werk altijd in de Visual als je geen kennis hebt van HTML.
Hierboven zie je de HTML uitvoering, die moet je dus niet hebben. Klik dan op het linkertabje aan de rechtkant op Visual. Hieronder zie je de Visual versie.
IOm te kunnen typen zoals in Word klik op het tabje Visual dat naast HTML staat. Wellicht staat jouw post al automatisch op Visual, dan kan je gewoon typen zoals in Word. De knoppen (zie het plaatje hieronder) betekenen het volgende in volgorde van links naar rechts: in volgorde) tekstopmaak: Dikgedrukt, schuingedrukt en doorgestreept. Bullets (opsommingstekens), genummerde bullets en aanhalingstekens invoegen Tekst uitlijnen: links uitgelijnd, midden uitgelijnd en rechts uitgelijnd. De ‘slotjes’=linkjes invoegen
Dit document is alleen bedoeld voor cursisten van Bureaubold
WWW.BUREAUBOLD.NL
7.1. Linkjes invoegen Deze slotjes betekenen dat je hiermee ‘linkjes’ kan invoegen of juist het verwijderen. Als je van een bepaald woord in de tekst een ‘linkje’ wilt maken: Selecteer dan de tekst en klik op het slotje. Wanneer je dat doet dan popt het onderstaande veld op.
|
Je plakt of typt de URL (=het webadres) in. (verplicht invullen) Bij Target, kies je als het een andere website betreft waar je heen linkt: “open in new window”. (niet verplicht) Is het een link naar een pagina van je eigen site, dan vul je hier in: “open in same window”. De ‘Title’ mag je zelf verzinnen, wat te maken heeft met de URL. Het beste is dit als de woorden de link samenvatten. (Invullen is niet verplicht) Class kan je zo laten staan. Dan klik je op Insert en dan is je link aangemaakt.
7.2. Andere handige symbolen De page break (gebruik je niet veel), De taal (language) voor de spellingscontrole Een nieuwe rij met meer mogelijkheden laten zien, oftewel de onderstaande rij tonen
7.3. De onderste EXTRA rij
Paragraph= dat je hier de stijl kan weergeven van je tekst, ‘Formatting’. U = de woorden onderstreept weergeven (beter niet doen, dan lijkt het teveel op een link in de tekst) tekst uitlijnen en de tweede kun je de tekst een andere kleur geven, klik hiervoor op het pijltje naar beneden
Dit document is alleen bedoeld voor cursisten van Bureaubold
9
10 |
BureauBold Tips & tricks voor SEO
symbolen om tekst mee in te plakken. Aangezien je soms extra code er ‘gratis’ bij in voegt als je vanuit Word iets plakt is het beter om het via deze weg te doen. Klik op het eerste symbool om tekst te plakken die je bijvoorbeeld uit een e-mail haalt. Met het tweede symbool kun je tekst inplakken die je uit Word haalt. Er komt dan een speciaal plak scherm te voorschijn. Plak hier je tekst in. (in volgorde): Verwijderen van de Formatting, invoegen van video en de laatste is wel heel handig, het Ω (symbool)-teken om bijvoorbeeld het euro-teken te gebruiken. Zie hieronder wat er verschijnt als je hierop drukt. Je kunt dan op 1 van de symbolen klikken die je nodig hebt en dan komt deze automatisch op je pagina te staan.
1e twee symbolen: inspringen van de tekst (of juist niet) De omkerende pijl betekent dat je de laatste actie weer verwijderd. Het vraagteken is de ‘Help’-functie voor het bewerken. Het rechtermenu van de post om de wijzigingen ‘online’ te zetten, oftewel om ze zichtbaar te maken op de pagina Klik daarvoor op “Update”!! Dit is heel belangrijk anders worden je aanpassingen niet opgeslagen en ook niet zichtbaar op je website.
Dit document is alleen bedoeld voor cursisten van Bureaubold
WWW.BUREAUBOLD.NL
8
Inhoud is verdwenen
Scroll op deze pagina helemaal naar onderaan de pagina waar je (nog onder SEO All in ONe) het kopje ‘Revisions’ tegenkomt. (Als je dit niet tegenkomt. Klik dan bovenaan de pagina rechts op ‘screenoptions’.) Druk dan op de datum en tijd van je vorige versie.
Als je een beetje naar onder scrollt zie je dan vorige versies staan. Vink onder New aan welke versie je denkt dat de juist is Klik rechts onder Actions op Restore van de versie die je denkt dat wel goed is. De juiste versie wordt nu weergegeven. Klik wel nog op ‘Update’!!!
Dit document is alleen bedoeld voor cursisten van Bureaubold
|
11
12 |
BureauBold Tips & tricks voor SEO
9
Beter gevonden worden in Google
Er is een extra programmatje op je website geïnstalleerd waarmee je per pagina of blog bepaalde woorden of teksten kan schrijven over de pagina. Scroll op een pagina of op een blogpost helemaal naar beneden tot je ‘All in One SEO Pack’ tegenkomt. Voeg een Title in die maximaal 60 tekens heeft. De woorden in de titel zouden het beste woorden zijn waarmee je goed gevonden wilt worden in Google voor deze specifieke pagina. -In de description (beschrijving) kun je tekst invoegen waarbij je ook deze woorden gebruikt. Hier mag je wat meer tekst gebruiken. Als je in Google zoekt is dit de tekst die onder de titel verschijnt. (zie hieronder het tweede deel, het eerste paarse deel is de titel).
Je kunt eventueel nog keywords toevoegen die je van elkaar scheidt door middel van komma’s. Klik daarna weer op ‘Update’ bovenaan de pagina en de titel en description zijn gewijzigd.
10
verander de URL Klik op edit onder de title en hier kun je je webadres veranderen naar de naam van je initiatief. Gebruik alleen ‘-’, geen lege ruimtes.
Dit document is alleen bedoeld voor cursisten van Bureaubold