Publicitate

Ați schița un desen fără să aveți la îndemână o ștergătoare? Ați picta o cameră, fără să atingeți mai întâi marginile pereților? Ei bine, atunci nici nu vă gândiți la bloguri fără să înțelegeți următoarele 7 etichete HTML, pe care orice scriitor online ar trebui să le cunoască cu adevărat.

Există o mulțime de situații când poate fi nevoie să modificați formatarea unei intrări pe blog sau a unui articol online. Dacă sunteți un autor independent, având capacitatea de a livra un articol bine formatat, care nu folosește altceva decât un editor de text și cod HTML este o abilitate excelentă.

Pentru a fi online comercializabil și flexibil, trebuie doar să știi cum să formatezi un articol HTML complet sau cum să reglezi lucrurile atunci când chiar și un instrument de editare bazat pe web nu obține lucrurile corect. Următoarele sunt 7 etichete HTML critice pe care ar trebui să le ții mereu în buzunarul din spate, precum și când și de ce ar trebui să le folosești.

HTML Nu este doar pentru geek

instagram viewer

Există o mulțime de etichete HTML de bază, dar acest articol nu este menit să fie încă un drab introducere în HTML pentru scriitorii săraci care nu au absolut niciun interes să învețe să codeze web pagini. Nu, despre ce vorbim aici este formatarea pe web. Pentru ca un articol să pară cu adevărat bun, există câteva reguli generale de urmat și unele valoroase, sfaturi greu de învățat despre care chiar mi-aș dori să fi cunoscut când am început să scriu pentru clienți internetul.

Nu spun asta ușor. Sunt un programator la inimă și, atunci când am început să scriu prima dată pe web, aș fi putut codifica o pagină web de la zero, fără să rup vreodată transpirația. Totuși, am avut multe de învățat când a fost vorba despre utilizarea HTMLului pentru formatarea articolelor. Astăzi, aș dori să transmit câteva dintre lecțiile pe care le-am învățat în ultimul deceniu pentru a aspira noi scriitori și bloggeri online. Iată cele șapte sfaturi de formatare pentru care vom analiza etichetele pentru: formatarea ofertelor, plasarea imaginilor, lista formatarea, structurarea anteturilor, crearea accentului în propoziții, plasarea de reclame non-obtuzive și creditarea surse.

Anteturi - Cine le are nevoie?

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

,

, etc ...) s-a schimbat. Deși sfatul SEO în vârstă pentru a circula anteturi de la mare la mic în tot articolul este valabil, există o dezbatere constantă între editori cu privire la faptul dacă este mai bine să folosiți aceeași dimensiune a antetului, indiferent dacă lucrurile precum textul cu caractere aldine constituie o subpoziție validă și tot felul de alte nit-picky Detalii. Uită de toate astea.

Nu trebuie decât să rețineți că studiile arată clar că modelul de ochi al cititorilor de pe web arată un model clar în formă de F de care trebuie să profitați atunci când scrieți.

eyetracking

Într-un studiu de urmărire a ochilor realizat de către Nielsen Norman Group, cercetătorii au descoperit că pe Internet, cititorii au citit mai întâi orizontal în partea de sus a paginii de câteva ori, iar apoi scanează în partea stângă a paginii. Ceea ce relevă acest studiu este că cititorii vor folosi anteturile ca instrument pentru a identifica conținutul care este important pentru ei. Așadar, dacă vă pasă să furnizați ceea ce doresc cititorii dvs., atunci dacă comandați anteturi de la mare la mic, nu contează atât cât să completați anteturile cu cuvinte informative care, de fapt, le spun cititorilor despre ce este vorba despre secțiunea și plasându-i uniform în tot articolul pentru a o organiza bine.

S-ar putea să credeți că sunteți ingenioși și creativi cu acele titluri, dar dacă nu descrieți secțiunea, nu faceți vreun favor.

Să citez sau să nu citez

În mâinile mele, este cea mai mare etichetă inventată

etichetă. Motivul pentru care îmi place este din cauza stilului cool pe care îl oferă proprietarilor de bloguri. Oricare ar fi tema WordPress sau Blogger pe care o folosiți, șansele sunt destul de bune încât tratează
etichetați altfel. Fiecare proiectant tematic are ideea lui despre ceea ce ar trebui să intre în stilul CSS al citatelor din articole. Ideea este că acest lucru vă oferă posibilitatea de a rupe conținutul articolului dvs. într-un mod care să încânte ochiul și să atragă oamenii să citească citatul.

Dacă scrii pentru un client, întreabă-i dacă este în regulă să folosești eticheta și dacă o permit, folosește-o, în orice caz.

blockquotes

Un sfat pentru utilizare

în articolele tale: nu exagera. Unul sau două citate scurte dintr-un articol cu ​​aproximativ 800 până la 1000 de cuvinte este mai mult decât suficient. Oferă nu numai capacitatea de a oferi ochiului o pauză de la paragrafe, dar vă permite să aduceți citate de la experți externi, ceea ce sporește în continuare credibilitatea articolului dvs. Nu puteți pierde.

Cum se utilizează imaginile

Un alt lucru pe care l-au dezvăluit foile de căutare ale cititorului online Nielsen: oamenii tind să stea la imagini când citesc un articol online. Mai mult, ochii sunt atrași de imaginea următoare. Acest lucru vă oferă un mod psihologic foarte puternic de a menține cititul în articol. În plus, la fel ca a

, imaginile distrug conținutul și oferă ochilor cititorului o pauză.

Evident, MakeUseOf folosește imagini mari și frumoase - ideale pentru felul de articole de asistență tehnologică care se găsesc pe un site ca acesta.

big-images

Veți observa că imaginile sunt distanțate la o distanță suficient de mare, astfel încât până când ați defilat puțin, ochiul este conștient de o altă imagine care apare mai jos. Nu este ceva care se face doar pentru impactul psihologic al atragerii ochiului în jos, ci doar pentru o lectură mult mai plăcută și un articol mai bine arătat.

Cu acest lucru, dacă blogul sau site-ul web pentru care scrii nu au proprietățile imobiliare pe pagină pentru imagini mari și largi în acest fel, atunci cel puțin ar trebui să folosiți imagini mai mici, care sunt aliniate la stânga sau la dreapta pe întreaga articol. Când fac asta pe propriul blog, îmi place să alternez de la stânga la dreapta doar pentru a schimba lucrurile în timp ce articolul curge în jos pe pagină.

mici-imagini

Alinierea imaginilor cu textul înfășurând astfel este de obicei doar o simplă problemă de a seta clasa de aliniere la „dreapta” sau „stânga” în etichetați, dar verificați întotdeauna cu blogul sau proprietarul site-ului web pe care îl scrieți pentru a afla dacă există vreun stil CSS care să utilizeze ceva de genul „proprietatea„ float ”pentru a face alinieri. Poate fi nevoie de sintaxa specifică pentru a alinia imagini de genul acesta, în funcție de stilul CSS, așa că luați timp pentru a solicita designerului. Merită mult efortul și va crea un articol mult mai atractiv.

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

După cum a detaliat Tina în articolul său despre Etichete HTML Top 11 etichete HTML Fiecare Blogger și proprietar de site-uri trebuie să știeWeb-ul mondial cunoaște multe limbi și este codat în mai multe diferite. Cu toate acestea, o singură limbă, care poate fi găsită peste tot și a existat de la inventarea paginilor web, este ... Citeste mai mult , există două tipuri de liste pe care le veți format în HTML, eticheta listă comandată

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

În primul rând, listele sunt încă un alt mod minunat de a rupe monotonia alineatelor drepte, păstrând cititorul interesat și, din nou, atrăgând ochiul către o listă rapidă de articole care pot fi scanate destul de uşor. Regula generală pe care o folosesc este aceea dacă articolele trebuie să fie numărate sau nu în vreun fel. Dacă o fac, folosiți o listă numerotată. În caz contrar, utilizați fără număr.

liste

Suna simplu, dar uneori există o linie gri. De exemplu, listarea motivelor pentru care utilizarea unei rețele fără fir poate fi nesigură ar necesita o listă fără numere, pentru că, într-adevăr, nu contează câte există - sunt doar motive. Pe de altă parte, atunci când dați pași într-un proces sau într-o procedură în care ordinea listei contează, numerele au sens. Nu folosiți numerele dacă nu trebuie, deoarece acestea vă pot face lista incomodă. Listele cu buletine pot merge într-un drum foarte lung spre îmbunătățirea aspectului articolului dvs., așadar cel puțin unul, dacă este potrivit pentru subiect, este o idee foarte bună.

Bolding și italice au evoluat

Se obișnuia că textul îndrăzneț era calea de urmat atunci când vrei să subliniezi o frază sau un punct dintr-o propoziție. Aceasta a proliferat odată cu oribilele modele de site-uri din anii 90, unde site-urile care încearcă să vândă lucrurile ar fi îndrăznețe și schimbați dimensiunea fontului din diverse cuvinte pentru a vă transforma într-un fel subconștient să vă concentrați pe acele cuvinte cu bani sau pe ceva… nu ” nu stiu. Dar știu că odată ce blogurile au devenit atât de populare, 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 utilizat ca o modalitate de a transforma textul în antetul cu dimensiunile cele mai mici posibile - ceea ce fac o mulțime de bloguri acolo.

Pe vremuri, eticheta îndrăzneață era și mulți oameni continuă să-l folosească nu știu că web-ul a trecut pe eticheta mai modernă a sau sintaxa CSS a text.

La fel, toată lumea obișnuia să folosească pentru toate italice, în timp ce astăzi, metoda de a sublinia textul în cursivă este de a utiliza 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 profesionist atunci când este făcut cu moderație.

Anunțuri neobstructive

Modul în care plasați o reclamă în articolul dvs. poate face cu adevărat diferența atunci când vine vorba de a nu pierde cititorii din cauza acesteia. Într-adevăr, mulți cititori sunt obișnuiți cu ideea de reclame și de ce sunt nevoiți să plătească pentru conținut, dar ceea ce enervează cititorii și impulsionează Le îndepărtează (sau le obligă să folosească acele blocaje de reclame oribile) sunt reclame care apar, blochează textul sau sunt camuflate pentru a arăta ca o parte a unui articol. Nu face asta.

În schimb, utilizați anunțuri cu margini clare și utilizați metoda „float” CSS pentru a crea text în jurul acesteia (cu excepția cazului în care o plasați în bara laterală). Așa arată:





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

Plutitorul: dreapta; îl va plasa în textul în care aveți nevoie și îl puteți automatiza în WordPress folosind șabloane Cum să utilizați un șablon de conținut Wordpress pentru a scrie mai repedeWordpress este o invenție genială și a făcut posibilă din ce în ce mai multe persoane să aibă site-uri web uimitoare, cu teme frumoase. Cu toate acestea, mai există problema zonei de conținut, care mai are nevoie de ... Citeste mai mult cum am descris în articolele anterioare. Acest lucru elimină nevoia de a plasa anunțul în fiecare articol. După cum puteți vedea, anunțul este suficient de mare pentru a atrage atenția, dar nu este camuflat sau blocat niciun text, așa că, dacă cititorii doresc, pot doar să îl ignore și să citească mai departe. Nici o problema.

side ad-

Cel mai rău lucru pe care îl puteți face cu articolele dvs. este exagerarea cu reclame și alungarea cititorilor (și în multe cazuri poate nu trebuie să vă faceți griji pentru reclame, cum ar fi dacă scrii pentru un client). Cu toate acestea, în calitate de proprietar al propriului blog, acestea sunt tipurile de lucruri pe care trebuie să le iei în considerare atunci când scrii articolele de pe site-ul dvs. și aceste sfaturi de bază pentru formatarea anunțurilor pot face o diferență mare în ceea ce privește modul în care anunțul dvs. este percepută.

Surse de creditare

Cel mai rău lucru pe Internet este chiar hoțul de conținut care are loc - și nu vorbesc doar despre asta persoanele din viața scăzută care războiesc 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 web - atât blogurile principale, cât și presa de presă - au un obicei foarte prost sustragerea de știri și „scoate” de la bloggeri și site-uri web mai mici, adăugând câteva citate în plus și revendica ideea ca propriile lor. Este oribil și destul de lipsit de etică, dar se întâmplă. Asta nu înseamnă că ar trebui să urmați exemplul. De fapt, are sens că citând surse de înaltă calitate RefDot: simplifică citarea surselor de pe web Citeste mai mult pentru a susține revendicările articolului, site-ul dvs. va fi identificat ca o sursă de informații de încredere de înaltă calitate. Acesta este aurul SEO chiar acolo.

footer-info

Cu toate acestea, nu doriți, de asemenea, ca textul să iasă în evidență la fel de important conținut în subsolul articolului. O abordare comună citând surse de poveste RefDot: simplifică citarea surselor de pe web Citeste mai mult sau surse de imagine din subsolul unui articol trebuie să utilizeze etichetă, care obligă fontul la o dimensiune. Este o modalitate excelentă de a formata informațiile privind drepturile de autor, comentariile legale și creditele. Oferă informațiile necesare, dar nu distrage atenția de la încheierea propriu-zisă a articolului.

Desigur, sfaturile de mai sus sunt elementele de bază pe care ar trebui să le învețe orice scriitor online, dar dacă sunteți interesat să săpați mai adânc, există o mulțime de resurse. Vezi articolul meu cu câteva site-uri web grozave, unde poți afla cod HTML 8 cele mai bune site-uri web pentru exemple de codare HTML de calitateExistă câteva site-uri web minunate care oferă exemple și tutoriale de codare HTML bine concepute și utile. Iată opt dintre preferatele noastre. Citeste mai mult . Tina a detaliat, de asemenea, câteva suplimentare, efecte HTML utile 8 Efecte HTML cool pe care oricine le poate adăuga pe site-ul webNu trebuie să știți CSS sau PHP pentru a construi un site fantezist. Utilizați aceste trucuri HTML cool pentru a genera efecte nemaipomenite. Citeste mai mult puteți adăuga pe site-ul dvs. Dacă doriți să înnebuniți cu adevărat, există și resurse acolo învață CSS Top 5 site-uri pentru a învăța CSS online Citeste mai mult de asemenea.

Adevărul simplu al chestiunii 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 folosiți.

Ryan are o diplomă de licență în inginerie electrică. A lucrat 13 ani în domeniul ingineriei automatizării, 5 ani la IT, iar acum este inginer pentru aplicații. Fost redactor manager al MakeUseOf, a vorbit la conferințele naționale despre vizualizarea datelor și a fost prezentat la TV și radio naționale.