Reklama

Czy naszkicowałbyś rysunek bez gumki? Czy pomalowałbyś pokój bez przyklejenia krawędzi ścian? Cóż, nawet nie myśl o blogowaniu bez zrozumienia następujących 7 tagów HTML, które każdy pisarz online powinien znać.

Istnieje wiele sytuacji, w których może być konieczne dostosowanie formatowania wpisu na blogu lub artykułu online. Jeśli jesteś niezależnym pisarzem, umiejętność dostarczenia dobrze sformatowanego artykułu przy użyciu wyłącznie edytora tekstu i kodu HTML to doskonała umiejętność.

Aby być zbywalnym i elastycznym online, musisz tylko wiedzieć, jak sformatować pełny artykuł HTML lub jak poprawić, gdy nawet internetowe narzędzie do edycji nie działa prawidłowo. Poniżej znajduje się 7 najważniejszych tagów HTML, które zawsze należy przechowywać w tylnej kieszeni, a także kiedy i dlaczego należy ich używać.

HTML nie jest tylko dla maniaków

Istnieje wiele podstawowych tagów HTML, ale ten artykuł nie ma być kolejnym ponurym wprowadzenie do HTML dla was biednych pisarzy, którzy absolutnie nie są zainteresowani nauką programowania w sieci strony. Nie, tutaj mówimy o formatowaniu w Internecie. Aby artykuł naprawdę dobrze wyglądał, należy przestrzegać kilku ogólnych zasad i cennych, trudne wskazówki, o których naprawdę chciałbym wiedzieć, kiedy zacząłem pisać dla klientów sieć.

instagram viewer

Nie mówię tego lekko. Jestem programistą w sercu i kiedy zacząłem pisać w Internecie, mogłem kodować stronę internetową od zera, nie tracąc potu. Miałem jednak wiele do nauczenia się, jeśli chodzi o używanie HTML do formatowania artykułów. Dzisiaj chciałbym przekazać niektóre lekcje, których nauczyłem się w ciągu ostatniej dekady, dla początkujących pisarzy i blogerów online. Oto siedem wskazówek dotyczących formatowania, na które spojrzymy w tagach: cytowanie formatowania, umieszczanie zdjęć, lista formatowanie, tworzenie nagłówków, kładzenie nacisku w zdaniach, umieszczanie nieuciążliwych reklam i uznawanie źródła.

Nagłówki - kto ich potrzebuje?

Przez lata etykieta takich rzeczy jak tagi nagłówka (

,

itp.) uległo zmianie. Chociaż odwieczna wskazówka SEO dotycząca zmieniania nagłówków z dużych na małe w całym artykule jest prawdziwa, wśród wydawców trwa debata na temat tego, czy lepiej jest po prostu używać tego samego rozmiaru nagłówka w całym tekście, niezależnie od tego, czy pogrubiony tekst stanowi prawidłowy podtytuł i wszelkiego rodzaju inne wybredne Detale. Zapomnij o tym wszystkim.

Trzeba tylko pamiętać, że badania wyraźnie pokazują, że wzór oka czytelników w Internecie pokazuje wyraźny wzór w kształcie litery F, z którego należy skorzystać podczas pisania.

śledzenie wzroku

W badaniu śledzenia wzroku przeprowadzonym przez Grupa Nielsen Norman, naukowcy odkryli, że w Internecie czytelnicy najpierw czytają w poziomie u góry strony kilka razy, a następnie skanują w dół lewej strony. Badanie ujawnia, że ​​czytelnicy wykorzystają nagłówki jako narzędzie do identyfikacji ważnych dla nich treści. Jeśli więc zależy Ci na zapewnieniu tego, czego chcą Twoi czytelnicy, to czy zamawiasz nagłówki z dużych na małe, nie ma znaczenia tak samo, jak wypełnianie nagłówków słowa informacyjne które faktycznie mówią czytelnikom, o czym jest sekcja, i umieszczają je równomiernie w całym artykule, aby dobrze go uporządkować.

Możesz myśleć, że jesteś dowcipny i kreatywny z tymi nagłówkami, ale jeśli nie opisujesz tej sekcji, naprawdę nie robisz nikomu przysługi.

Cytować lub nie cytować

Największym wymyślonym przeze mnie tagiem jest moim zdaniem

etykietka. Uwielbiam to z powodu fajnego stylu, który oferuje właścicielom blogów. Bez względu na to, jakiego motywu WordPress lub Blogger używasz, szanse są całkiem niezłe, jeśli się nim zajmie
oznaczyć inaczej. Każdy projektant motywów ma swoje wyobrażenie o tym, co powinno znaleźć się w stylach CSS cytatów w artykułach. Chodzi o to, że oferuje to możliwość podzielenia treści twojego artykułu w sposób, który cieszy oko i przyciąga ludzi do przeczytania cytatu.

Jeśli piszesz dla klienta, zapytaj go, czy możesz użyć tagu i jeśli na to pozwala, z pewnością użyj go.

Cytaty blokowe

Wskazówka dotycząca korzystania

w swoich artykułach: nie przesadzaj. Jeden lub dwa krótkie cytaty w artykule, który zawiera około 800 do 1000 słów, to więcej niż wystarczająco. Daje to nie tylko możliwość oderwania oka od akapitów, ale pozwala także na cytowanie zewnętrznych ekspertów, co dodatkowo zwiększa wiarygodność Twojego artykułu. Nie możesz przegrać.

Jak korzystać z obrazów

Kolejna rzecz, którą ujawniły mapy termiczne czytelników Nielsen: ludzie mają tendencję do pozostawania przy obrazach podczas czytania artykułu w Internecie. Co więcej, oczy są przyciągane do następnego obrazu. Daje to bardzo potężny psychologiczny sposób na zachęcanie ludzi do czytania w twoim artykule. Plus, podobnie jak

, obrazy niszczą treść i odstraszają czytelnika.

Oczywiście MakeUseOf wykorzystuje ładne, duże obrazy - idealne do tego rodzaju artykułów pomocy technicznej, które można znaleźć na takiej stronie.

duże obrazy

Zauważysz, że obrazy są wystarczająco oddalone od siebie, więc zanim przewiniesz trochę, oko zauważy kolejne zdjęcie poniżej. Nie jest to zrobione tylko ze względu na psychologiczny wpływ przyciągnięcia oka do artykułu - to po prostu sprawia, że ​​czytanie jest przyjemniejsze i lepiej wygląda.

Powiedziawszy to, jeśli blog lub witryna, dla której piszesz, nie zawiera nieruchomości na stronie dla dużych zdjęć o pełnej szerokości w ten sposób, to przynajmniej powinieneś użyć mniejszych obrazów, które są wyrównane do lewej lub prawej strony w całym artykuł. Kiedy robię to na swoim blogu, tak naprawdę lubię zmieniać na przemian od lewej do prawej, aby zmienić sytuację, gdy artykuł płynie po stronie.

małe obrazy

Wyrównanie obrazów z zawijaniem tekstu w ten sposób jest zwykle po prostu kwestią ustawienia klasy wyrównania na „prawo” lub „lewo” w , ale zawsze sprawdzaj u właściciela bloga lub witryny, dla którego piszesz, aby dowiedzieć się, czy istnieje styl CSS, który korzysta z czegoś takiego jak właściwość „float” w celu dopasowania. Może istnieć konkretna składnia, której należy użyć, aby wyrównać takie obrazy w zależności od stylu CSS, więc nie spiesz się z zapytaniem projektanta. Jest to warte wysiłku i sprawi, że artykuł będzie o wiele bardziej atrakcyjny.

Zrób listę i sprawdź to dwa razy

Jak szczegółowo opisała Tina w swoim artykule Tagi HTML 11 najlepszych tagów HTML, które każdy blogger i właściciel witryny musi wiedziećInternet zna wiele języków i jest zakodowany w kilku różnych. Jedynym językiem, który można znaleźć wszędzie i istnieje od czasu wynalezienia stron internetowych, jest ... Czytaj więcej , istnieją dwa typy list, które sformatujesz w HTML, tag uporządkowanej listy

    i nieuporządkowany tag listy
    . Pierwszy umieszcza liczby przed elementami listy, drugi umieszcza kropki. Możesz zobaczyć składnię w artykule Tiny, ale kiedy dokładnie należy użyć jednego lub drugiego - a nawet w ogóle listy?

Przede wszystkim listy to kolejny świetny sposób na przełamanie monotanii prostych akapitów czytelnik zainteresowany i po raz kolejny przyciąga wzrok do krótkiej listy przedmiotów, które można zeskanować ładnie z łatwością. Zasadą, której używam, jest to, czy przedmioty muszą być w jakikolwiek sposób policzone. Jeśli tak, użyj listy numerowanej. W przeciwnym razie użyj nienumerowanego.

listy

Brzmi prosto, ale czasami jest szara linia. Na przykład podanie powodów, dla których korzystanie z sieci bezprzewodowej może być niepewne, wymagałoby listy bez numerów, ponieważ tak naprawdę nie ma znaczenia, ile ich jest - to tylko powody. Z drugiej strony, gdy podajesz kroki w procesie lub procedurze, w których kolejność listy ma znaczenie, liczby mają sens. Nie używaj liczb, jeśli nie musisz, ponieważ mogą sprawić, że twoja lista będzie niezręczna. Listy wypunktowane mogą znacznie przyczynić się do poprawy układu artykułu - więc posiadanie co najmniej jednego, jeśli jest odpowiednie do tematu, jest bardzo dobrym pomysłem.

Pogrubienie i kursywa się zmieniły

Kiedyś trzeba było pogrubić tekst, gdy chciałeś podkreślić frazę lub jakiś punkt zdania. Rozprzestrzeniło się to wraz z przerażającymi projektami witryn z lat 90., w których witryny próbujące sprzedawać rzeczy byłyby odważne i zmień rozmiar czcionki różnych słów, aby podświadomie zmusić Cię do skupienia się na tych słowach pieniężnych lub czymś… Nie nie wiem. Wiem jednak, że gdy blogowanie stało się tak popularne, a nagłówki zaczęły tworzyć strukturę tej treści, pogrubiona czcionka nie miała już sensu niczego podkreślać. W najlepszym wypadku lepiej jest użyć go jako sposobu na przekształcenie tekstu w możliwie najmniejszy nagłówek - co robi wiele blogów.

W dawnych czasach pogrubiony tag był , a wiele osób nadal z niego korzysta, nie wiedząc, że sieć przeszła na bardziej nowoczesny tag lub składnia CSS z tekst.

Podobnie wszyscy używali dla wszystkiego kursywą, podczas gdy dzisiaj metodą podkreślania tekstu kursywą jest użycie etykietka. To naprawdę idealny sposób na podkreślenie słowa lub frazy. Działa dobrze, a wygląda na czysty i profesjonalny, gdy jest wykonywany z umiarem.

Nie rzucające się w oczy reklamy

To, jak umieścisz reklamę w swoim artykule, może naprawdę zrobić różnicę, jeśli nie stracisz czytelników z tego powodu. Naprawdę wielu czytelników jest przyzwyczajonych do pomysłu na reklamy i dlaczego trzeba płacić za treści, ale co denerwuje czytelników i prowadzi od nich (lub zmusza ich do korzystania z tych okropnych programów blokujących reklamy) są reklamy, które wyskakują, blokują tekst lub są zamaskowane, aby wyglądać jak część artykuł. Nie rób tego.

Zamiast tego używaj reklam z wyraźnymi ramkami i użyj metody „float” CSS, aby zawijać tekst (chyba że umieszczasz go na pasku bocznym). Tak to wygląda:





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

Pływak: prawy; umieści go w tekście, gdzie potrzebujesz, i możesz to zautomatyzować w WordPress przez za pomocą szablonów Jak korzystać z szablonu treści Wordpress, aby pisać szybciejWordpress to genialny wynalazek, dzięki któremu coraz więcej osób ma niesamowite strony internetowe z pięknymi motywami. Jednak wciąż jest kwestia obszaru treści, który wciąż potrzebuje ... Czytaj więcej jak opisałem w poprzednich artykułach. Eliminuje to potrzebę umieszczania reklamy w każdym artykule. Jak widać, reklama jest wystarczająco duża, aby przyciągnąć uwagę, ale nie jest zamaskowana ani nie blokuje żadnego tekstu, więc jeśli czytelnicy tego chcą, mogą po prostu zignorować ją i czytać dalej. Nie ma problemu.

reklama boczna

Najgorsze, co możesz zrobić ze swoimi artykułami, to przesadzić z reklamami i zniechęcić czytelników (w wielu przypadkach możesz nawet nie martwić się reklamami, na przykład jeśli piszesz dla klienta). Jednak jako właściciel bloga są to rzeczy, które należy wziąć pod uwagę podczas pisania artykuły w Twojej witrynie oraz te podstawowe wskazówki dotyczące formatowania reklam mogą mieć duży wpływ na sposób wyświetlania reklamy postrzegane.

Źródła kredytowania

Najgorszą rzeczą w Internecie jest obecnie kradzież treści, która ma miejsce - a ja nie tylko mówię lowlife zeskrobują zawartość sieci i kopiują ją na własne niskiej jakości strony ze spamem, skonfigurowane tylko dla Google ruch drogowy. Nie, nawet największe i najpopularniejsze strony internetowe - zarówno główne blogi, jak i media - mają bardzo zły nawyk kradnąc wiadomości i „czerpaki” z mniejszych blogerów i stron internetowych, dodając kilka dodatkowych cytatów i twierdząc, że pomysł jest ich własny. To okropne i dość nieetyczne, ale się zdarza. To nie znaczy, że powinieneś pójść w ich ślady. W rzeczywistości ma to sens powołując się na źródła wysokiej jakości RefDot: Ułatwia cytowanie źródeł z sieci Czytaj więcej utworzenie kopii zapasowej oświadczeń dotyczących artykułów sprawi, że Twoja witryna zostanie zidentyfikowana jako źródło wysokiej jakości wiarygodnych informacji. To właśnie złoto SEO.

informacje o stopce

Jednak nie chcesz, aby ten tekst wyróżniał się jako ważna treść w stopce Twojego artykułu. Wspólne podejście do powołując się na źródła historii RefDot: Ułatwia cytowanie źródeł z sieci Czytaj więcej lub źródła obrazu w stopce artykułu to użycie tag, który zmusza czcionkę o jeden rozmiar. To świetny sposób na sformatowanie informacji o prawach autorskich, komentarzy prawnych i napisów. Dostarcza potrzebnych informacji, ale nie odwraca uwagi od faktycznego zakończenia samego artykułu.

Oczywiście powyższe wskazówki są podstawowymi podstawami, których powinien nauczyć się każdy pisarz online, ale jeśli chcesz głębiej kopać, istnieje wiele zasobów. Sprawdź mój artykuł z listą świetnych stron internetowych, w których możesz uczyć się kodu HTML 8 najlepszych stron internetowych z przykładami wysokiej jakości kodowania HTMLIstnieje kilka niesamowitych stron internetowych, które oferują dobrze zaprojektowane i przydatne przykłady kodowania HTML i samouczki. Oto osiem naszych ulubionych. Czytaj więcej . Tina wyszczególniła także kilka dodatkowych, przydatne efekty HTML 8 fajnych efektów HTML, które każdy może dodać do swojej witrynyNie musisz znać CSS ani PHP, aby zbudować fantazyjną stronę. Użyj tych fajnych sztuczek HTML, aby wygenerować niesamowite efekty. Czytaj więcej możesz dodać do swojej witryny. Jeśli chcesz naprawdę oszaleć, są też dostępne zasoby uczyć się CSS Top 5 witryn do nauki CSS Online Czytaj więcej także.

Prosta prawda jest taka, że ​​pisanie online wymaga czegoś więcej niż kreatywności wymaganej do napisania czegoś do publikacji drukowanej. Publikacja internetowa oznacza, że ​​musisz zrozumieć nie tylko podstawowe kody stron internetowych, ale także kiedy i dlaczego powinieneś z nich korzystać.

Ryan ma tytuł licencjata z inżynierii elektrycznej. Pracował 13 lat w inżynierii automatyki, 5 lat w IT, a teraz jest inżynierem aplikacji. Były redaktor naczelny MakeUseOf, przemawiał na krajowych konferencjach dotyczących wizualizacji danych i był prezentowany w krajowej telewizji i radiu.