Zou je een tekening willen maken zonder een gum bij de hand te hebben? Zou je een kamer schilderen, zonder eerst de randen van de muren af ​​te plakken? Denk dan niet eens na over bloggen zonder een goed begrip van de volgende 7 HTML-tags, die elke online schrijver echt zou moeten weten.

Er zijn veel situaties waarin u de opmaak van een blogbericht of een online artikel moet aanpassen. Als je een freelance auteur bent, is het een uitstekende vaardigheid om een ​​goed ingedeeld artikel te hebben dat alleen teksteditor en HTML-code gebruikt..

Om online verhandelbaar en flexibel te zijn, moet je gewoon weten hoe je een volledig HTML-artikel moet formatteren, of hoe je dingen kunt aanpassen, zelfs als een op het web gebaseerd bewerkingsprogramma de dingen niet helemaal goed maakt. De volgende zijn 7 kritieke HTML-tags die u altijd in uw achterzak moet houden, evenals wanneer en waarom u ze zou moeten gebruiken.

HTML is niet alleen voor geeks

Er zijn genoeg eenvoudige HTML-tags beschikbaar, maar dit artikel is niet bedoeld als nog een saaie introductie tot HTML voor arme schrijvers die absoluut geen interesse hebben in het leren coderen van webpagina's. Nee, we hebben het hier over het formatteren op internet. Om een ​​artikel er echt goed uit te laten zien, zijn er enkele algemene regels die moeten worden gevolgd en enkele waardevolle, hardgeleerde tips waarvan ik echt zou willen weten dat ik ze kende toen ik voor het eerst begon te schrijven voor klanten op internet.

Dat zeg ik niet zo lichtvaardig. Ik ben een programmeur in hart en nieren, en toen ik voor het eerst begon met schrijven op het web, had ik een webpagina vanaf nul kunnen coderen zonder echt te zweten. Toch had ik genoeg te leren als het ging om het gebruik van HTML voor artikelopmaak. Vandaag zou ik enkele van de lessen die ik het afgelopen decennium heb geleerd willen doorgeven aan nieuwe beginnende schrijvers en bloggers. Hier zijn de zeven opmaaktips die we gaan bekijken op tags voor: citaatopmaak, plaatsen van afbeeldingen, lijstopmaak, structureren van kopteksten, benadrukken van zinnen, plaatsen van niet-opdringerige advertenties en creditering van bronnen.

Headers - Who Needs Them?

Door de jaren heen is de etiquette voor zaken als header-tags (

,

, enz ...) is veranderd. Hoewel de eeuwenoude SEO-tip om kopteksten van groot naar klein door het artikel heen te laten kloppen, bestaat er bij uitgevers voortdurend discussie over de vraag of het beter is om overal dezelfde koptekstgrootte te gebruiken, of dingen zoals vetgedrukte tekst een geldige subkop vormen. en allerlei andere nit-kieskeurige details. Vergeet dat allemaal.

Het enige dat u hoeft te onthouden, is dat studies duidelijk aantonen dat het oogpatroon van lezers op het web een duidelijk F-vormig patroon vertoont waarvan u moet profiteren wanneer u aan het schrijven bent.

In een oogvolgstudie uitgevoerd door de Nielsen Norman Group, ontdekten onderzoekers dat op het internet de lezers eerst een paar keer horizontaal boven aan de pagina horizontaal lezen en vervolgens de linkerkant van de pagina scannen. Wat deze studie onthult, is dat lezers headers gebruiken als een hulpmiddel om de inhoud te identificeren die voor hen belangrijk is. Dus, als je geeft om wat je lezers willen, dan maakt de vraag of je headers van groot naar klein bestelt niet zoveel uit als het vullen van headers met informatieve woorden die de lezers vertellen waar het gedeelte over gaat en ze gelijkmatig in het artikel plaatsen om het goed te organiseren.

Je denkt misschien dat je geestig en creatief bent met die koppen, maar als je de sectie niet beschrijft, doe je echt niemand iets.

Citeren of niet citeren

De beste tag van mijn hand is volgens mij de uitvinder

label. De reden dat ik er dol op ben, is vanwege de coole styling die het blog-eigenaren biedt. Welk WordPress- of Blogger-thema je ook gebruikt, de kansen zijn redelijk goed dat het de

tag anders. Elke thema-ontwerper heeft zijn of haar idee van wat moet gaan in de CSS-stijl van citaten in artikelen. Het punt is dat dit je de mogelijkheid biedt om de inhoud van je artikel te splitsen op een manier die het oog reikt en mensen ertoe brengt om de quote te lezen.

Als je voor een klant schrijft, vraag hem dan of je toestemming hebt om van de tag gebruik te maken, en als ze het toestaan, gebruik hem dan in elk geval.

Een tip voor gebruik

in je artikelen: overdrijf het niet. Een of twee korte citaten in een artikel van ongeveer 800 tot 1000 woorden is meer dan genoeg. Het geeft niet alleen het vermogen om het oog een pauze te geven van de alinea's, maar het laat je ook citaten van externe experts binnenhalen, wat de geloofwaardigheid van je artikel verder versterkt. Je kunt niet verliezen.

Hoe afbeeldingen te gebruiken

Een ander ding dat de heatmaps van de online reader van Nielsen onthulden: mensen blijven hangen bij afbeeldingen wanneer ze online een artikel lezen. Bovendien worden de ogen naar het volgende beeld getrokken. Dit geeft je een zeer krachtige psychologische manier om mensen te laten lezen in je artikel. Plus, zoiets als een

, beelden verbreken de inhoud en geven het oog van de lezer een pauze.

Vanzelfsprekend maakt MakeUseOf gebruik van mooie, grote afbeeldingen - ideaal voor het soort van tech-help-artikelen die je op een site als deze aantreft.

Je zult opmerken dat de afbeeldingen net ver genoeg uit elkaar staan ​​zodat tegen de tijd dat je een beetje hebt geschoven, het oog zich bewust is van een ander beeld dat eronder komt. Het is niet iets dat alleen wordt gedaan voor de psychologische impact van het doornemen van het artikel - het zorgt gewoon voor een veel leukere lezen en een beter uitziend artikel.

Met dat gezegd, als de blog of website waar je voor schrijft niet het onroerend goed op de pagina heeft voor grote foto's op volledige breedte zoals deze, dan zou je op zijn minst gebruik moeten maken van kleinere afbeeldingen die zijn uitgelijnd naar links of rechts door het hele artikel. Wanneer ik dit op mijn eigen blog doe, vind ik het leuk om van links naar rechts te wisselen om de dingen te veranderen terwijl het artikel de pagina afloopt.

Het uitlijnen van afbeeldingen met de tekstterugloop op deze manier is meestal gewoon een kwestie van het instellen van de align-klasse “rechts” of “links” in de tag, maar vraag altijd aan de blog- of website-eigenaar om te achterhalen of er CSS-styling is die gebruik maakt van iets dat bekend staat als “vlotter” eigenschap om uitlijningen te doen. Er kan een specifieke syntaxis zijn die u moet gebruiken om afbeeldingen op deze manier uit te lijnen, afhankelijk van de CSS-stijl, dus neem de tijd om de ontwerper te vragen. Het is de moeite waard en zal zorgen voor een veel aantrekkelijker artikel.

Maak een lijst en controleer het tweemaal

Zoals Tina gedetailleerd beschreven in haar artikel over HTML-tags Top 11 HTML-tags Elke blogger & website-eigenaar moet weten Top-11 HTML-tags Elke blogger en website-eigenaar moet het weten Het world wide web kent vele talen en is gecodeerd in verschillende talen. De enige taal die je echter overal kunt vinden en die al bestaat sinds de uitvinding van webpagina's, is de ... Lees meer, er zijn twee soorten lijsten die je in HTML opmaakt, de geordende lijst tag

en de ongeordende lijsttag
. De eerste zet nummers voor de lijstitems, de tweede zet punten. U kunt de syntaxis in het artikel van Tina zien, maar wanneer is het juist om het een of het ander te gebruiken - of gebruik zelfs een lijst helemaal?

Eerst en vooral zijn lijsten nog een geweldige manier om de monotanie van hetero paragrafen te doorbreken, de lezer geïnteresseerd te houden en nogmaals de aandacht te vestigen op een snelle lijst met items die vrij gemakkelijk kunnen worden gescand. De vuistregel die ik gebruik, is of de items op welke manier dan ook moeten worden geteld. Als dat het geval is, gebruikt u een genummerde lijst. Gebruik anders niet-genummerd.



Het klinkt eenvoudig, maar soms is er een grijze lijn. Bijvoorbeeld, het vermelden van redenen waarom het gebruik van een draadloos netwerk onveilig kan zijn, zou een lijst zonder getallen vereisen, omdat het er eigenlijk niet toe doet hoeveel er zijn - het zijn slechts redenen. Aan de andere kant, wanneer u stappen in een proces of een procedure geeft waarbij de volgorde van de lijst van belang is, zijn de cijfers logisch. Gebruik geen nummers als dat niet nodig is, omdat ze uw lijst lastig kunnen maken. Opsommingstekens kunnen een heel eind zijn in de richting van het verbeteren van de lay-out van uw artikel - dus het is een heel goed idee om er minstens één te hebben die geschikt is voor het onderwerp..

Bolding en cursivering zijn geëvolueerd

Het was vroeger dat vetgedrukte tekst de juiste keuze was om een ​​zin of een punt in een zin te benadrukken. Dit prolifereerde met de afschuwelijke websiteontwerpen van de jaren '90, waar de sites die dingen probeerden te verkopen vet en de lettergrootte van verschillende woorden zouden veranderen om je op een of andere manier onbewust te laten concentreren op die geldwoorden of zoiets ... ik weet het niet. Maar ik weet wel dat zodra bloggen zo populair werd, en headers de structuur van die inhoud begonnen te vormen, het vetgedrukte lettertype niet langer logisch was om iets te benadrukken. In het beste geval wordt het beter gebruikt als een manier om tekst in de kleinst mogelijke header te veranderen - wat veel blogs daar doen.

Vroeger was de vetgedrukte tag dat , en veel mensen blijven het gebruiken zonder te weten dat het web is overgegaan naar de modernere tag van , of de CSS-syntaxis van tekst.

Op dezelfde manier gebruikte iedereen het voor alles cursief, terwijl vandaag de methode om cursief gedrukte tekst te benadrukken, de label. Dit is echt de ideale manier om de nadruk te leggen op een woord of zin. Het werkt goed, en ziet er schoon en professioneel uit wanneer het met mate wordt gedaan.

Niet-opdringerige advertenties

Hoe u een advertentie in uw artikel plaatst, kan echt het verschil maken als het erom gaat uw lezers niet te verliezen. Echt, veel lezers zijn gewend aan het idee van advertenties en waarom ze nodig zijn om te betalen voor inhoud, maar wat ergert lezers en ze verdrijft (of hen dwingt om die vreselijke ad-blockers te gebruiken) is advertenties die pop-up, blokkeer tekst , of zijn gecamoufleerd om er uit te zien als onderdeel van een artikel. Doe dat niet.

Gebruik in plaats daarvan advertenties met duidelijke randen en gebruik de CSS “vlotter” methode om tekst eromheen te laten lopen (tenzij je het in de zijbalk plaatst). Dit is hoe dat eruit ziet:









De vlotter: rechts; zal het in de tekst plaatsen waar je het nodig hebt, en je kunt dit in WordPress automatiseren met behulp van sjablonen Een Wordpress Content Template gebruiken om sneller te schrijven Hoe een Wordpress Content Template te gebruiken om sneller Wordpress te schrijven is een briljante uitvinding, en heeft het gemaakt mogelijk voor steeds meer mensen om geweldige websites te hebben, met prachtige thema's. Er is echter nog steeds de kwestie van het inhoudsgebied, dat nog steeds nodig heeft ... Lees meer zoals ik in eerdere artikelen heb beschreven. Hierdoor hoeft de advertentie niet in elk artikel te worden geplaatst. Zoals u kunt zien, is de advertentie groot genoeg om de aandacht te trekken, maar deze is niet gecamoufleerd of blokkeert geen tekst, dus als lezers willen dat ze deze gewoon kunnen negeren en verder lezen. Geen probleem.



Het ergste dat u met uw artikelen kunt doen, is overdrijven met advertenties en wegrijden van lezers (en in veel gevallen hoeft u zich zelfs geen zorgen te maken over advertenties, bijvoorbeeld als u voor een klant schrijft). Als uw eigen blogeigenaar zijn dit echter de dingen waar u rekening mee moet houden wanneer u artikelen op uw site schrijft. Deze eenvoudige tips voor advertentie-indelingen kunnen een groot verschil maken met hoe uw advertentie wordt waargenomen.

Bronvermelding

Het ergste van het internet is nu eigenlijk de inhoudsdiefstal die plaatsvindt - en ik heb het niet alleen over de lowlife's die het internet schrapen voor inhoud en kopiëren naar hun eigen lage kwaliteitssites, alleen opgezet voor Google verkeer. Nee, zelfs de grootste en meest populaire websites - zowel grote blogs als nieuwsmedia - hebben de slechte gewoonte om nieuwsberichten te stelen en “scoops” van kleinere bloggers en websites, een paar extra aanhalingstekens toevoegen en het idee claimen als hun eigen idee. Het is vreselijk en behoorlijk onethisch, maar het gebeurt. Dat betekent niet dat je hetzelfde moet doen. Het is zelfs logisch dat bronnen van hoge kwaliteit worden aangehaald. RefDot: maakt bronnen eenvoudig toegankelijk via het web Eenvoudig RefDot: maakt bronvermelding van internet eenvoudig Lees meer om een ​​back-up te maken van artikelclaims zou ertoe leiden dat uw website wordt geïdentificeerd als een betrouwbare bron van hoge kwaliteit informatie. Dat is SEO Gold precies daar.



U wilt echter ook niet dat die tekst opvalt als belangrijke inhoud aan de voet van uw artikel. Een gemeenschappelijke aanpak van het citeren van verhaalbronnen RefDot: maakt bronvermelding van het web eenvoudig RefDot: maakt bronvermelding van het web eenvoudig Lees meer of beeldbronnen aan de voet van een artikel is om de bron te gebruiken tag, waardoor het lettertype een maat kleiner wordt. Het is een geweldige manier om copyrightinformatie, juridische opmerkingen en credits te formatteren. Het biedt de benodigde informatie, maar leidt niet af van de feitelijke conclusie van het artikel zelf.

Natuurlijk zijn de bovenstaande tips de basisbegrippen die een online schrijver zou moeten leren, maar als je geïnteresseerd bent in dieper graven zijn er veel bronnen. Bekijk mijn artikel met een aantal geweldige websites waar u HTML-code 8 kunt leren. Beste websites voor kwaliteits-HTML-coderingsvoorbeelden 8 Beste websites voor kwaliteit HTML-coderingsvoorbeelden Er zijn enkele geweldige websites die goed ontworpen en nuttige HTML-codeervoorbeelden en zelfstudies bieden. Hier zijn acht van onze favorieten. Lees verder . Tina heeft ook enkele extra, nuttige HTML-effecten gedetailleerd. 7 Coole HTML-effecten die iedereen aan hun website kan toevoegen 7 Coole HTML-effecten die iedereen op zijn website kan toevoegen Wanhopig niet! U hoeft geen CSS of PHP te kennen om een ​​chique site te bouwen. Sommige goede oude HTML en weten hoe te kopiëren en plakken zullen doen. Meer informatie die u aan uw site kunt toevoegen. Als je echt gek wilt worden, zijn er ook bronnen om CSS Top 5-sites te leren om CSS Online te leren Top 5 Sites om CSS Online Lees ook te leren.

De simpele waarheid van de zaak is dat schrijven online meer kost dan alleen de creativiteit die nodig is om iets voor een gedrukte publicatie te schrijven. Internetpublicatie betekent dat u niet alleen de basiscodes achter websites moet begrijpen, maar ook wanneer en waarom u ze moet gebruiken.

Ontdek meer over: Bloggen, HTML.