Annons

Skulle du skissa en ritning utan att ha ett radergummi till hands? Skulle du måla ett rum utan att först tejpa på kanterna på väggarna? Nåväl, tänk inte ens på att blogga utan att förstå följande 7 HTML-taggar, som alla författare online borde veta.

Det finns många situationer där du kan behöva finjustera formateringen av en blogginlägg eller online-artikel. Om du är frilansande författare är det en utmärkt skicklighet att ha en välformaterad artikel som bara använder en textredigerare och HTML-kod.

För att vara marknadsförbar och flexibel på nätet, måste du bara veta hur du formaterar en full HTML-artikel, eller hur man justerar saker när till och med ett webbaserat redigeringsverktyg inte får rätt saker. Följande är 7 kritiska HTML-taggar som du alltid bör hålla i rygfickan, samt när och varför du ska använda dem.

HTML är inte bara för nördar

Det finns många grundläggande HTML-taggar där ute, men den här artikeln är inte tänkt att vara ännu en trist introduktion till HTML för er fattiga författare som absolut inte har intresse av att lära sig att koda webben sidor. Nej, det vi pratar om här är formatering på webben. För att en artikel ska verkligen se bra ut finns det några allmänna regler att följa och några värdefulla, hårt lärda tips som jag verkligen önskar att jag hade känt till när jag först började skriva för kunder på webben.

Jag säger inte det lätt. Jag är en programmerare i hjärtat, och när jag först började skriva på webben, kunde jag ha kodat en webbsida från grunden utan att verkligen bryta svett. Jag hade ändå mycket att lära mig när det gällde att använda HTML för artikelformatering. Idag skulle jag vilja gå vidare med några av de lektioner jag har lärt mig under det senaste decenniet till ambitioner om nya onlineförfattare och bloggare. Här är de sju formateringstips som vi ska titta på taggar för: citatformatering, placering av bilder, lista formatera, strukturera rubriker, skapa tonvikt i meningar, placera icke-påträngande annonser och kreditera källor.

Rubriker - Vem behöver dem?

Under åren har etiketten för saker som rubriktaggar (

,

, etc ...) har förändrats. Även om det åldrande SEO-tipset om att flyta rubriker från stora till små i hela artikeln är sant, finns det en ständig debatt bland utgivarna om huruvida det är bättre att bara använda samma rubrikstorlek överallt, oavsett om saker som fet text utgör en giltig subheader, och alla typer av andra nit-picky detaljer. Glöm allt detta.

Allt du behöver komma ihåg är att studier tydligt visar att ögonmönstret för läsarna på webben visar ett tydligt F-format mönster som du måste dra nytta av när du skriver.

I en ögonspårningsstudie utförd av Nielsen Norman Group, forskare fann att på Internet, läsarna först läste horisontellt över toppen av sidan ett par gånger, och sedan skannar de ner till vänster på sidan. Det som denna studie visar är att läsarna kommer att använda rubriker som ett verktyg för att identifiera innehållet som är viktigt för dem. Så om du bryr dig om att tillhandahålla vad dina läsare vill ha, spelar det inte så mycket om du beställer rubriker från stora till små så mycket som att fylla rubriker med informativa ord som faktiskt berättar läsarna vad avsnittet handlar om och att placera dem jämnt i hela artikeln för att ordna det väl.

Du kanske tror att du är vittig och kreativ med de rubrikerna, men om du inte beskriver avsnittet gör du verkligen ingen som gynnar.

Att citera eller inte citera

Händer ned största taggen som uppfanns, enligt min mening, är

märka. Anledningen till att jag älskar det är på grund av den coola stylingen som den erbjuder bloggägare. Oavsett WordPress- eller Blogger-tema du använder är oddsen ganska bra att det behandlar

tagga annorlunda. Varje temadesigner har sin idé om vad som ska gå in i CSS-styling av citat i artiklar. Poängen är att detta ger dig möjligheten att bryta upp innehållet i din artikel på ett sätt som glädjer ögat och får människor att läsa offerten.

Om du skriver för en klient, fråga dem om det är okej för dig att använda taggen och om de tillåter det använder du det på alla sätt.

Ett tips för användning

i dina artiklar: overdriv inte. Ett eller två korta citat i en artikel som är cirka 800 till 1000 ord är mer än tillräckligt. Det ger inte bara förmågan att ge ögat ett avbrott från stycken, utan det låter dig få in citat från externa experter, vilket ytterligare förstärker trovärdigheten för din artikel. Du kan inte förlora.

Hur man använder bilder

En annan sak som Nielsen-värmekartorna på nätet har avslöjat: människor tenderar att dröja vid bilder när de läser en artikel online. Dessutom dras ögonen till nästa bild. Detta ger dig ett mycket kraftfullt psykologiskt sätt att få folk att läsa i din artikel. Plus, ungefär som en

, bilder bryter upp innehållet och ger läsarens öga en paus.

Uppenbarligen använder MakeUseOf användningen av fina, stora bilder - perfekt för den typ av tekniska hjälpartiklar som finns på en sajt som denna.

Du kommer att märka att bilderna är placerade tillräckligt långt ifrån varandra så att när du har bläddrat lite, är ögat medvetet om en annan bild som kommer upp under. Det är inte något som bara görs för den psykologiska inverkan av att dra ögat ner artikeln - det ger bara en mycket trevligare läsning och en snyggare artikel.

Med det sagt, om bloggen eller webbplatsen du skriver för inte har fastigheterna på sidan för stora bilder i full bredd som detta, bör du åtminstone använda mindre bilder som är inriktade till vänster eller höger i hela artikel. När jag gör det på min egen blogg, gillar jag faktiskt att växla från vänster till höger bara för att ändra saker när artikeln flyter ner på sidan.

Att anpassa bilder med texten som omsluts så här är vanligtvis bara en enkel fråga om att ställa in justeringsklassen till "höger" eller "vänster" i tag, men kolla alltid med bloggen eller webbplatsägaren du skriver för att ta reda på om det finns någon CSS-styling som använder något som kallas "float" -egenskapen för att göra justeringar. Det kan finnas en specifik syntax du behöver använda för att anpassa bilder som detta beroende på CSS-styling, så ta dig tid att fråga designern. Det är väl värt ansträngningen och kommer att göra en mycket mer attraktiv artikel.

Skapa en lista och kolla den två gånger

Som Tina detaljerade i sin artikel om HTML-taggar Topp 11 HTML-taggar som alla bloggare och webbplatsägare måste känna tillWebbplatsen känner till många språk och är kodad på flera olika språk. Det enda språket som finns över hela världen och har funnits sedan uppfinningen av webbsidor är ... Läs mer , det finns två typer av listor som du formaterar i HTML, den beställda listtaggen

och den oordnade listtaggen

. Den första sätter siffror framför listobjekten, den andra sätter punkter. Du kan se syntaxen i Tinas artikel, men när exakt är det lämpligt att använda det ena eller det andra - eller till och med använda en lista alls?

Först och främst är listor ännu ett utmärkt sätt att bryta upp monotaniet av raka stycken, hålla läsaren intresserad, och återigen dra ögat till en snabb lista med objekt som kan skannas ganska lätt. Den tumregel som jag använder är huruvida objekten måste räknas på något sätt eller inte. Om de gör det, använd en numrerad lista. Använd i annat fall onumret.

Det låter enkelt, men ibland finns det en grå linje. Att till exempel ange orsaker till att använda ett trådlöst nätverk kan vara osäkert kräver en lista utan nummer, för det spelar egentligen ingen roll hur många det finns - det är bara skäl. Å andra sidan, när du ger steg i en process eller någon procedur där listan är viktig, är siffrorna meningsfulla. Använd inte siffror om du inte behöver, eftersom de kan göra din lista besvärlig. Bulletlistor kan gå väldigt långt mot att förbättra layouten på din artikel - så det är mycket bra att ha minst en, om det är lämpligt för ämnet.

Djärvhet och kursiv har utvecklats

Det brukade vara så fet text var vägen att gå när du ville betona en fras eller någon punkt i en mening. Detta växte med 90-talets fruktansvärda webbdesign, där webbplatser som försöker sälja saker skulle vara djärva och ändra teckensnittstorleken för olika ord för att på något sätt medvetet få dig att fokusera på dessa pengarord eller något... Jag gör det inte t vet. Men jag vet att när bloggningen blev så populär och rubriker började bilda strukturen för det innehållet var det inte längre vettigt att veta något. I bästa fall är det bättre att använda som ett sätt att förvandla text till den minsta möjliga rubriken som möjligt - vilket många bloggar där ute gör.

I gamla dagar var den djärva taggen , och många människor fortsätter att använda det omedvetet om att webben har gått vidare till den mer moderna taggen av , eller CSS-syntaxen för text.

På samma sätt brukade alla använda för allt kursiv, medan metoden att betona text i kursiv idag är att använda märka. Detta är verkligen det ideala sättet att lägga tonvikt på ett ord eller en fras. Det fungerar bra och ser rent och professionellt ut när det görs i mått.

Icke-påträngande annonser

Hur du placerar en annons i din artikel kan verkligen göra skillnaden när det gäller att inte förlora dina läsare på grund av den. Verkligen är många läsare vana vid idén om annonser och varför de är nödvändiga för att betala för innehåll, men vad som irriterar läsare och enheter dem bort (eller tvingar dem att använda de hemska annonsblockerarna) är annonser som dyker upp, blockerar text eller kamoufleras för att se ut som en del av en artikel. Gör inte det.

Använd istället annonser med tydliga gränser och använd CSS-float-metoden för att få textomslag runt den (såvida du inte placerar den i sidofältet). Så här ser det ut:

src =” http://pagead2.googlesyndication.com/pagead/show_ads.js”>