Ați schița un desen fără a avea o radieră la îndemână? Vrei să vopsești o cameră, fără să mai atarnezi marginile pereților? Ei bine, nici măcar nu vă gândiți la blogging fără a înțelege următoarele 7 tag-uri HTML, pe care orice scriitor online ar trebui să le știe.

Există o mulțime de situații în care este posibil să fie necesar să modificați formatarea unei intrări pe blog sau a unui articol online. Dacă sunteți autor independent, având abilitatea de a difuza un articol bine formatat care utilizează altceva decât un editor de text și un cod HTML este o abilitate excelentă de a avea.

Pentru a fi comercializat și flexibil online, trebuie doar să știi cum să formulezi un articol HTML complet sau cum să optimizezi lucrurile atunci când chiar și un instrument de editare bazat pe web nu obține lucrurile destul de bine. Următoarele sunt 7 etichete HTML critice pe care trebuie să le păstrați mereu în buzunarul din spate, precum și când și de ce ar trebui să le utilizați.

HTML nu este doar pentru geeks

Există o mulțime de etichete HTML de bază acolo, dar acest articol nu este menit să fie o altă introducere neobișnuită în HTML pentru scriitorii săraci care nu au absolut nici un interes în învățarea de a codifica paginile web. Nu, despre ce vorbim aici este formatarea pe web. Pentru ca un articol să arate cu adevărat bun, există câteva reguli generale de urmat și câteva sfaturi valoroase și greu de învățat pe care mi-aș dori să le cunosc când am început să scriu pentru clienți pe web.

Nu spun așa ușor. Sunt programator la inimă și când am început să scriu pe web, aș fi putut codifica o pagină web de la zero, fără a sparge o sudoare. Cu toate acestea, am avut multe de învățat când a fost vorba de utilizarea HTML pentru formatarea articolelor. Astăzi, aș vrea să trec de-a lungul unor lecții pe care le-am învățat în ultimul deceniu la aspiranții noștri scriitori online și bloggeri. Iată cele șapte sfaturi de formatare pe care le vom uita la etichete pentru: formatul citării, plasarea imaginilor, formatarea listei, structurarea anteturilor, crearea accentului în propoziții, plasarea anunțurilor nepertraptive și sursele de creditare.

Headers - Cine are nevoie de ele?

De-a lungul anilor, eticheta pentru lucruri precum etichetele antetului (

,

, etc ...) sa schimbat. În timp ce vechiul vârf SEO pentru a curge anteturile de la mari la mici în tot articolul este adevărat, există o dezbatere constantă între editori cu privire la faptul dacă este mai bine să se folosească doar aceeasi dimensiune antet de-a lungul întregii sale, dacă lucrurile ca textul cu caractere aldine constituie un subcapitol valid, și tot felul de alte detalii de tip nit-drăguț. Uită de toate astea.

Tot ce trebuie să vă amintiți este faptul că studiile arată în mod clar că modelul de ochi al cititorilor de pe web prezintă un model clar în formă de F pe care trebuie să-l profitați când scrieți.

Într-un studiu de urmărire a ochilor realizat de grupul Nielsen Norman, cercetătorii au descoperit că pe Internet, cititorii citesc mai întâi orizontal în partea de sus a paginii de câteva ori și apoi scot în partea stângă a paginii. Ceea ce arată acest studiu este că cititorii vor folosi anteturile ca un instrument pentru a identifica conținutul care este important pentru ei. Deci, dacă vă interesează să oferiți ceea ce doresc cititorii dvs., atunci dacă ordonați anteturile de la mari la mici, nu contează atât cât și încărcarea anteturilor cu cuvinte informative care să spună cititorilor despre ce se referă secțiunea și să le plaseze în mod uniform în tot articolul pentru a le organiza bine.

S-ar putea să vă credeți că sunteți spiritual și creativ cu aceste titluri, dar dacă nu descrieți secțiunea, într-adevăr nu faceți pe nimeni favoruri.

Pentru a cita sau a nu cita

Mână în jos cel mai mare tag a inventat, în opinia mea, este

etichetă. Motivul pentru care îmi place este datorită stilului răcoros pe care îl oferă proprietarilor de bloguri. Indiferent de tema WordPress sau Blogger pe care o folosiți, cotele sunt destul de bune pe care le tratează

etichetați diferit. Fiecare designer temă are ideea lui despre ceea ce ar trebui să treacă în stilul CSS al citatelor în articole. Ideea este că acest lucru îți oferă posibilitatea de a rupe conținutul articolului într-un mod care să-i placă ochii și atrage oamenii să citească citatul.

Dacă scrieți pentru un client, întrebați-i dacă este în regulă să utilizați eticheta și dacă o permit, folosiți-o cu totul.

Un sfat pentru utilizare

în articolele dvs.: nu exagerați. Unul sau două citate scurte într-un articol care este de aproximativ 800 până la 1000 de cuvinte este mai mult decât suficient. Oferă nu numai capacitatea de a da ochiului o pauză de la paragrafe, dar vă permite să aduceți citate din partea unor experți externi, ceea ce susține și mai mult credibilitatea articolului dvs. Nu poți pierde.

Cum se utilizează imaginile

Un alt lucru pe care le-au dezvăluit fișele de căldură cititoare online de la Nielsen: oamenii au tendința de a rămâne la imagini când citesc un articol online. În plus, ochii sunt atrași la următoarea imagine. Acest lucru vă oferă o modalitate psihologică foarte puternică de a împiedica citirea persoanelor în articolul dvs. Plus, la fel ca a

, imaginile sparge conținutul și dau cititorului o pauză.

Evident, MakeUseOf folosește imagini frumoase, mari - ideale pentru genul de articole de ajutor tehnic care se găsesc pe un site ca acesta.

Veți observa că imaginile sunt distanțate la o distanță suficient de îndepărtată, astfel încât până când ați derulat un pic, ochiul este conștient de o altă imagine care vine sus. Nu este ceva ce se face doar pentru impactul psihologic al tragerii ochiului în jos al articolului - face doar pentru un articol mult mai plăcut de citit și un articol mai bun.

Cu acest lucru a spus, în cazul în care blog-ul sau site-ul pentru care scrieți nu are imobiliare pe pagina pentru imagini mari, la fel de largi ca aceasta, atunci cel puțin ar trebui să facă uz de imagini mai mici, care sunt aliniate la stânga sau la dreapta în tot articolul. Când fac acest lucru pe propriul meu blog, îmi place să alternez de la stânga la dreapta doar pentru a schimba lucrurile în timp ce articolul se revarsă pe pagină.

Alinierea imaginilor cu textul înfășurat în jurul valorii de acest lucru este de obicei doar o chestiune simplă de a seta clasa de aliniere la “dreapta” sau “stânga” în dar întotdeauna verificați cu blogul sau proprietarul site-ului pe care îl scrieți pentru a afla dacă există un stil CSS care folosește ceva de genul ceea ce este cunoscut ca “pluti” proprietatea de a face aliniere. S-ar putea să existe o sintaxă specifică pe care trebuie să o utilizați pentru a alinia imaginile de acest gen, în funcție de stilul CSS, deci luați-vă timp să întrebați designerul. E bine să meritați efortul și să faceți un articol mult mai atractiv.

Faceți o listă și verificați-o de două ori

Așa cum Tina detaliază în articolul ei despre etichetele HTML Top 11 tag-uri HTML Fiecare blogger și proprietarul site-ului trebuie să cunoască Top 11 tag-uri HTML Fiecare blogger și proprietarul site-ului trebuie să știe World Wide Web cunoaște multe limbi și este codificat în mai multe diferite. Cu toate acestea, o singură limbă, care poate fi găsită peste tot și a fost în jur de la inventarea paginilor web, este ... Citește mai mult, există două tipuri de liste pe care le veți format în HTML, eticheta listă ordonată

și eticheta listă neordonată
. Primul pune numere în fața elementelor din listă, al doilea pune puncte. Puteți vedea sintaxa din articolul lui Tina, dar când este corect să folosiți unul sau altul - sau chiar să folosiți o listă la toate?

În primul rând, listele reprezintă o altă modalitate excelentă de a distruge monotonia paragrafelor drepte, păstrând cititorul interesat și, din nou, atragerea atenției către o listă rapidă de articole care pot fi scanate destul de ușor. Regula principală pe care o folosesc este dacă elementele trebuie sau nu trebuie să fie numărate în nici un fel. În caz contrar, utilizați o listă numerotată. În caz contrar, utilizați numărul neimprimat.



Suna simplu, dar uneori există o linie gri. De exemplu, listați motivele pentru care utilizarea unei rețele fără fir poate fi nesigură ar necesita o listă fără numere, deoarece într-adevăr nu contează cât de multe există - sunt doar motive. Pe de altă parte, atunci când faceți pași într-un proces sau într-o procedură în care ordinea listei contează, numerele au sens. Nu utilizați numere dacă nu trebuie să faceți acest lucru, deoarece pot face lista dificilă. Listele cu listele pot merge într-adevăr foarte mult spre îmbunătățirea aspectului articolului dvs. - dacă aveți cel puțin una, dacă este potrivită pentru subiect, este o idee foarte bună.

Bolding și cursive au evoluat

Era obișnuit că textul îndrăzneț a fost calea de parcurs când ai vrut să subliniezi o frază sau un punct într-o propoziție. Acest lucru a proliferat cu designul teribil al site-urilor din anii '90, în care site-urile care încearcă să vândă lucrurile ar fi îndrăzneț și vor schimba mărimea literelor diferitelor cuvinte pentru a vă subconștient cumva să vă concentrați asupra acelor cuvinte de bani sau ceva ... Nu știu. Dar știu că odată ce blogging-ul a devenit atât de popular, iar anteturile au început să formeze structura acelui conținut, fontul îndrăzneț nu mai avea sens să sublinieze nimic. În cel mai bun caz, este mai bine folosit ca o modalitate de a transforma textul într-un antet de dimensiuni mai mici posibil - care multe bloguri acolo.

În vremurile vechi, eticheta îndrăzneață era , și o mulțime de oameni continuă să-l utilizați fără să știe că web-ul a trecut la tag-ul mai modern , sau sintaxa CSS din text.

De asemenea, toată lumea a folosit-o pentru tot ceea ce este italic, în timp ce astăzi metoda de a sublinia textul în italic este de a folosi etichetă. Acesta este într-adevăr modul ideal de a pune accent pe un cuvânt sau o frază. Funcționează bine și arată curată și profesională când este făcută cu moderare.

Anunțuri neobstrucționate

Modul în care plasați un anunț în articolul dvs. poate face cu adevărat diferența atunci când este vorba să nu vă pierdeți cititorii din cauza acestuia. Într-adevăr, mulți cititori sunt obișnuiți cu ideea de anunțuri și de ce sunt necesari să plătească pentru conținut, dar ceea ce îi deranjează pe cititori și le îndepărtează (sau îi forțează să folosească acele blocuri ad-blocante) este anunțurile care afișează pop-up, blochează textul , sau sunt camuflate pentru a arăta ca parte a unui articol. Nu face asta.

În schimb, utilizați anunțuri cu limite clare și utilizați CSS “pluti” metodă de a înfășura textul în jurul acestuia (cu excepția cazului în care îl plasați în bara laterală). Acesta este aspectul:









Flota: dreapta; va pune-l în textul unde aveți nevoie și puteți automatiza acest lucru în WordPress folosind șabloane Cum să utilizați un Wordpress conținut de șablon pentru a scrie mai repede Cum să utilizați un Wordpress conținut de șablon pentru a scrie mai repede Wordpress este o invenție strălucitoare, și a făcut-o posibil pentru tot mai mulți oameni să aibă site-uri uimitoare, cu teme frumoase. Cu toate acestea, există încă problema ariei de conținut, care încă are nevoie ... Citește Mai mult ca în cele descrise în articolele anterioare. Aceasta elimină necesitatea plasării anunțului în fiecare articol. După cum puteți vedea, anunțul este suficient de mare pentru a atrage atenția, dar nu este camuflat sau nu blochează nici un text, deci dacă cititorii doresc să-l ignore și să citească mai departe. Nici o problema.



Cel mai rău lucru pe care îl puteți face cu articolele dvs. este să-l exagerați cu anunțuri și să vă dezactivați cititorii (și, în multe cazuri, este posibil să nu vă faceți griji cu privire la anunțuri, de parcă ați scrie pentru un client). Cu toate acestea, în calitate de proprietar al propriului dvs. blog, acestea sunt tipurile de lucruri pe care trebuie să le luați în considerare atunci când scrieți articole pe site-ul dvs. și aceste sfaturi de formatare a anunțurilor de bază pot aduce o mare diferență în modul în care este perceput anunțul dvs..

Surse de creditare

Cel mai rău lucru despre Internet chiar acum este într-adevăr contorizarea de conținut care are loc - și nu vorbesc doar despre viața joasă care răstoarnă netul pentru conținut și o copiază pe propriile site-uri de spam de calitate scăzută, configurate numai pentru Google trafic. Nu, chiar și cele mai mari și mai populare site-uri - atât blog-uri importante, cât și mass-media - au un obicei foarte prost de a fura știri și “lopate” de la bloggeri și site-uri mai mici, adăugând câteva citate suplimentare și susținând ideea ca a lor. E oribil și destul de neetic, dar se întâmplă. Asta nu înseamnă că ar trebui să-ți urmezi exemplul. De fapt, este logic ca citand surse de inalta calitate RefDot: face ca sursele citind de pe web usor RefDot: face referire la surse de pe Web Citeste mai mult pentru a face backup pentru articolele ar face ca site-ul tau sa fie identificat ca o sursa de inalta calitate de incredere informație. Asta-i aurul SEO chiar acolo.



Cu toate acestea, de asemenea, nu doriți ca acest text să se evidențieze ca un conținut important la subsolul articolului dvs. O abordare comună a citării surselor de referință RefDot: face referire la surse de pe web Easy RefDot: Citează sursele de pe Web Citiți mai ușor sau sursele de imagine la subsolul unui articol este să utilizați tag, care fortează fontul cu o mărime. Este o modalitate foarte bună de a formata informațiile despre drepturile de autor, comentariile legale și creditele. Oferă informațiile necesare, dar nu distrage atenția de la concluzia reală a articolului în sine.

Desigur, sfaturile de mai sus sunt elementele de bază pe care orice scriitor online trebuie să le învețe, dar dacă sunteți interesat să săturați mai adânc, există o mulțime de resurse. Check out articolul meu enumerând câteva site-uri excelente unde puteți afla cod HTML 8 Cele mai bune site-uri web pentru exemple de codificare HTML de calitate 8 Cele mai bune site-uri web pentru exemple de codificare HTML de calitate Există câteva site-uri minunate care oferă exemple și tutoriale de codificare HTML bine concepute și utile. Iată opt dintre preferatele noastre. Citeste mai mult . Tina a detaliat, de asemenea, câteva efecte HTML suplimentare, utile 7 Efecte HTML cool care oricine poate adăuga pe site-ul lor 7 Efecte HTML grozave pe care oricine le poate adăuga la site-ul lor Nu vă disperați! Nu trebuie să știți CSS sau PHP pentru a construi un site fantezist. Unele HTML bun vechi și cunoașterea copierii și lipirii vor face. Citiți mai multe pe care le puteți adăuga pe site-ul dvs. Dacă vrei să te distrezi cu adevărat, există și resurse acolo pentru a învăța CSS Top 5 site-uri pentru a învăța CSS Online Top 5 site-uri pentru a afla CSS Online Citește mai mult.

Simplul adevăr al problemei este că scrierea online necesită mai mult decât creativitatea necesară pentru a scrie ceva pentru o publicație tipărită. Publicarea pe Internet înseamnă că trebuie să înțelegeți nu numai codurile de bază din spatele site-urilor Web, ci și când și de ce ar trebui să le utilizați.

Explorați mai multe despre: Blogging, HTML.