Inte bara för utvecklare 7 HTML-etiketter Enhver författare borde veta

Inte bara för utvecklare 7 HTML-etiketter Enhver författare borde veta / Wordpress & Webbutveckling

Skulle du skissera en ritning utan att ha en suddgummi till hands? Skulle du måla ett rum, utan att först tapa kanterna på väggarna? Tja då, funderar inte ens på bloggar utan förståelse för följande 7 HTML-taggar, som alla online-författare verkligen borde veta.

Det finns många situationer när du kanske behöver tweak formateringen av en blogginmatning eller onlineartikel. Om du är en frilansförfattare, har du förmågan att leverera en välformaterad artikel med ingenting men en textredigerare och HTML-kod är en utmärkt färdighet att ha.

För att vara marknadsförbar och flexibel online behöver du bara veta hur man formaterar en fullständig HTML-artikel eller hur man anpassar saker när ett webbaserat redigeringsverktyg inte får saker helt rätt. Följande är 7 kritiska HTML-taggar som du alltid ska behålla i din ficka, samt när och varför du ska använda dem.

HTML är inte bara för geeks

Det finns gott om grundläggande HTML-taggar där ute, men den här artikeln är inte avsedd att vara ännu en slumpmässig introduktion till HTML för dina stackars författare som absolut inte har intresse av att lära sig att koda webbsidor. Nej, det vi pratar om här är formatering på webben. För att en artikel ska se bra ut, finns det några allmänna regler att följa och några värdefulla, svårlärdda tips som jag verkligen önskar jag visste om när jag började skriva för kunder på webben.

Det säger jag inte lätt. Jag är programmerare i hjärtat, och när jag började skriva på webben kunde jag ha kodat en webbsida från början utan att verkligen svettas. Ändå hade jag mycket att lära mig när det gällde att använda HTML för artikelformatering. Idag vill jag vidarebefordra några av de lärdomar jag har lärt mig under det senaste decenniet till nya nya författare och bloggare. Här är de sju formateringstips som vi ska titta på taggar för: citatformatering, placering av bilder, listformatering, struktureringsrubriker, skapande av betoning i meningar, placering av icke-påträngande annonser och krediteringskällor.

Headers - Vem behöver dem?

Under åren har etiketten för saker som header-taggar (

,

, etc ...) har ändrats. Medan det gamla SEO-tipset för att flytta rubriker från stor till liten i hela artikeln är det en konstant debatt bland utgivare om det är bättre att bara använda samma rubrikstorlek i hela, om saker som fetstil text utgör en giltig underrubrik, och alla andra nitiga picky detaljer. Glöm allt detta.

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

I en ögonspårningsstudie utförd av Nielsen Norman Group fann forskare att på Internet läste läsarna först ett par gånger horisontellt över toppen av sidan och sedan skannar de ner på vänstra sidan av sidan. Vad denna studie visar är att läsare 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 ge vad dina läsare vill ha, om du beställer rubriker från stort till litet betyder det inte så mycket som att fylla på rubriker med informativa ord som faktiskt berättar läsare vad sektionen handlar om, och placerar dem jämnt i hela artikeln för att organisera det bra.

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

Att citera eller inte citera

Händer ner största taggen uppfunnad, enligt min mening är

märka. Anledningen till att jag älskar det är på grund av den snygga stilen det erbjuder bloggägare. Oavsett WordPress eller Blogger-tema som du använder är oddsen ganska bra att den behandlar
tagg annorlunda Varje teman designer har sin eller hennes idé om vad som ska gå in i CSS styling av citat i artiklar. Poängen är att det här ger dig möjlighet att bryta upp innehållet i din artikel på ett sätt som glädjer ögat och drar människor att läsa citatet.

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 att använda

i dina artiklar: överdriv inte det. En eller två korta citat i en artikel som är 800-1000 ord är mer än tillräckligt. Det ger inte bara möjligheten att få ögat en paus från stycken, men det låter dig ta in citat från externa experter, vilket ytterligare stärker din artikelns trovärdighet. Du kan inte förlora.

Så här använder du bilder

En annan sak som Nielsen online-läsare värmekartor avslöjade: människor tenderar att dröja i bilder när de läser en artikel online. Dessutom dras ögonen på nästa bild. Detta ger dig ett mycket kraftfullt psykologiskt sätt att hålla folk som läser tillsammans i din artikel. Plus, mycket som en

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

Självklart använder MakeUseOf användningen av fina, stora bilder - idealisk för den typ av teknikhjälpartiklar som finns på en webbplats som denna.

Du kommer märka att bilderna är placerade bara tillräckligt långt ifrån varandra så att ögonen vid det ögonblicket du rullat lite är medvetna om en annan bild som kommer upp nedan. Det är inte något som bara görs för den psykologiska inverkan att dra ögat ner på artikeln - det gör bara en mycket trevligare läsning och en snyggare artikel.

Med det sagt, om bloggen eller webbplatsen du skriver för inte har fastigheten på sidan för stora bilder i full bredd så här borde du åtminstone använda mindre bilder som är anpassade till vänster eller höger genom hela artikeln. 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 jämföra bilder med texten som omsluter så här är vanligtvis bara en enkel fråga om att ställa in justeringsklassen till “höger” eller “vänster” i tagg men kolla alltid med den blogg eller webbplatsägare du skriver för att ta reda på om det finns någon CSS-styling som använder något som det som kallas “flyta” egendom att göra justeringar. Det kan finnas en specifik syntax som du behöver använda för att anpassa bilder enligt 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 för en mycket mer attraktiv artikel.

Gör en lista och kolla den två gånger

Som Tina detaljerad i sin artikel om HTML-taggar Topp 11 HTML-etiketter Varje bloggare och webbplatsägare måste veta Top 11 HTML-etiketter Varje bloggare och webbplatsägare måste veta Världen har många språk och är kodad i flera olika. Det enda språket, som kan hittas överallt och har funnits sedan webbsidans uppfinning, är ... Läs mer, det finns två typer av listor som du formaterar i HTML, den beställda listelistan

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

      Först och främst är listor ännu ett utmärkt sätt att bryta upp monotyen i raka stycken, hålla läsaren intresserad och än en gång dra i ögonen till en snabb lista över objekt som kan skannas ganska enkelt. Tumregeln som jag använder är om varorna måste räknas på något sätt. Om de gör det, använd en numrerad lista. Annars, använd numrerad.

      Det låter enkelt, men ibland finns det en grå linje. Exempelvis kan anteckningar till varför att använda ett trådlöst nätverk vara osäkert kräva en lista utan nummer eftersom det egentligen inte spelar någon roll hur många det finns - det är bara skäl. Å andra sidan, när du ger steg i en process eller något förfarande där ordningens ordning är viktig, är siffrorna meningsfulla. Använd inte siffror om du inte behöver, för att de kan göra din lista besvärlig. Bulleted listor kan gå en riktigt lång väg mot att förbättra utformningen av din artikel - så att ha minst en, om det är lämpligt för ämnet, är en mycket bra idé.

      Bolding och kursiv har utvecklats

      Det brukade vara den modiga texten var vägen att gå när du ville betona en fras eller en punkt i en mening. Detta spreds med 90-talets skrämmande webbdesigner, där webbplatser som försöker sälja saker skulle djärva och ändra stilsortsstorleken på olika ord på något sätt omedvetet få dig att fokusera på dessa pengar ord eller något ... Jag vet inte. Men jag vet att en gång bloggar blev så populära, och rubriker började bilda strukturen på det innehållet, var fet skrift inte längre meningsfull att betona någonting. I bästa fall används det bättre som ett sätt att göra text till den minsta storleken möjligt - vilka massor av bloggar där ute.

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

      På samma sätt användes alla för allt kursiv, medan dagens metod att betona text i kursiv är att använda märka. Detta är verkligen det perfekta sättet att lägga tonvikten på ett ord eller en fras. Det fungerar bra, och ser rent och professionellt ut när det är klart 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 det. Egentligen är många läsare vana vid idéen om annonser och varför de är nödvändiga för att betala för innehåll, men vad irriterar läsare och driver dem bort (eller tvingar dem att använda de hemska annonsblockerna) är annonser som popup, blockera text , eller är kamouflerade 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 “flyta” Metod för att göra textomslag runt det (om du inte placerar det i sidofältet). Så här ser det ut:





      Float: right; kommer att placera den i texten där du behöver det, och du kan automatisera detta i WordPress genom att använda mallar. Hur man använder en Wordpress-innehållsmall för att skriva snabbare. Hur man använder en Wordpress-innehållsmall för att skriva snabbare. Wordpress är en lysande uppfinning och har gjort det möjligt för fler och fler människor att ha fantastiska webbplatser, med vackra teman. Men det är fortfarande fråga om innehållsområdet, som fortfarande behöver ... Läs mer som jag har beskrivit i tidigare artiklar. Detta tar bort behovet att placera annonsen i varje enskild artikel. Som du kan se är annonsen stor nog för att locka uppmärksamhet, men det är inte kamouflerat eller blockerar någon text, så om läsarna vill att de bara kan ignorera det och läsa vidare. Inga problem.

      Det värsta du kan göra med dina artiklar är överdrivet med annonser och kör avläsare (och i många fall behöver du inte ens oroa sig för annonser, som om du skriver för en klient). Men som din egen bloggägare är det de typer av saker du behöver tänka på när du skriver artiklar på din webbplats och dessa grundläggande tips för annonsformatering kan göra stor skillnad med hur din annons uppfattas.

      Kreditkällor

      Det värsta med Internet just nu är verkligen innehållsverksamheten som äger rum - och jag talar inte bara om lowlife som skrapar nätet för innehåll och kopierar det till sina egna lågkvalitets spamwebbplatser, som endast är uppställda för Google trafik. Nej, även de största och mest populära webbplatserna - både stora bloggar och nyhetsmediaaffärer - har en mycket dålig vana att stjäla nyhetsberättelser och “skopor” från mindre bloggare och webbplatser, lägga till några extra citat och hävdar idén som egen. Det är hemskt och ganska oetiskt, men det händer. Det betyder inte att du borde följa efter. Det är i själva verket vettigt att citera högkvalitativa källor RefDot: gör att citera källor från webben Enkel RefDot: gör att citera källor från webben Easy Read More för att säkerhetskopiera artikelkrav skulle få din webbplats identifierad som en högkvalitativ källa till pålitlig information. Det är SEO guld där.

      Men du vill inte heller att texten stämmer ut som viktigt innehåll vid sidfoten av din artikel. Ett gemensamt tillvägagångssätt för att citera berättelsekällor RefDot: gör att citera källor från webben Enkel refDot: gör att citera källor från webben Easy Read More eller bildkällor vid sidan av en artikel är att använda tagg, som tvingar fonten nedåt en storlek. Det är ett utmärkt sätt att formatera upphovsrättsinformation, juridiska kommentarer och krediter. Det ger den information som behövs, men distraherar inte från själva själva slutsatsen av själva artikeln.

      Naturligtvis är tipsen ovan de grundläggande grunderna som någon online-författare ska lära sig, men om du är intresserad av att gräva djupare finns det massor av resurser. Kolla in min artikel med några bra webbplatser där du kan lära dig HTML-kod 8 Bästa webbsidor för kvalitets HTML-kodningsexempel 8 Bästa webbsidor för kvalitets HTML-kodning Exempel Det finns några fantastiska webbplatser som erbjuder väl utformade och användbara HTML-kodande exempel och handledning. Här är åtta av våra favoriter. Läs mer . Tina har också detaljerat några extra, användbara HTML-effekter 7 Coola HTML-effekter som någon kan lägga till på deras hemsida 7 Kalla HTML-effekter som någon kan lägga till på deras hemsida Förtvivlan inte! Du behöver inte veta CSS eller PHP för att bygga en fancy webbplats. Några bra gamla HTML och veta hur man kopierar och klistrar kommer att göra. Läs mer du kan lägga till på din webbplats. Om du verkligen vill bli galen finns det också resurser där ute för att lära dig CSS Top 5-webbplatser för att lära dig CSS Online Top 5 webbplatser för att lära dig CSS Online Läs mer också.

      Den enkla sanningen i saken är att att skriva på nätet tar mer än bara den kreativitet som krävs för att skriva något för en tryckningspublikation. Internetpublicering innebär att du behöver förstå inte bara de grundläggande koderna bakom webbplatser, men också när och varför du ska använda dem.

      Utforska mer om: Bloggar, HTML.