Гэта паведамленне ўяўляе сабой першае ў маёй серыі пра карыснае HTML & CSS для блогераў.
Я навучыў сябе асноўныя вэб - дызайн ва ўзросце 11 гадоў. Гэта прывяло да таго выдатную працу на працягу ўсёй маёй вучобы ў каледжы і шмат фрылансераў магчымасцяў з тых часоў.
Ведаючы, як код, у прыватнасці, у HTML і CSS, больш не з'яўляецца неабходным умовай для блогераў. Прастата ў выкарыстанні тым і убудоў WordPress і запоўнілі прабелы паміж тым, што людзі хочуць і іх тэхнічны вопыт.
Незалежна ад таго, карысна мець уяўленне аб тым, як працуюць рэчы, асабліва калі вам трэба наладзіць розныя элементы вашага сайта. Гэтыя парады, якія тычацца HTML & CSS для блогераў дапамогуць з разуменнем SEO.
Перайсці наперад да канкрэтнага падзелу:
Асноўныя HTML і CSS для блогераў
HTML тэг паведамляе браўзэру, які для адлюстравання. З усіх машынных моў, HTML з'яўляецца самым блізкім да чалавечага мове. Увогуле, гэта не цяжка зразумець асноўную мэту ззаду HTML-тэга.
У цэлым тэг мае два CARETS і адкрываючы тэг выглядае прыкладна так:
<Тэг>
І канчатак тэга гэта тое ж самае з зваротнай касой рысы:
</ Тэг>
Увогуле, вам трэба як адкрываючы тэг і канчатковы тэг, каб пачаць і зачыніць каманду HTML. У адваротным выпадку, каб закрыць тэг можа прывесці да дзіўнай выглядае старонцы (або горш).
загалоўкі
Адна з першых рэчаў, што прыходзіць на розум пры абмеркаванні HTML і CSS для блогераў ў адносінах да SEO з'яўляюцца загалоўкамі.
<H1> Загаловак </ h1>
Прыведзены вышэй фрагмент кода ўяўляе сабой тэг загалоўка. «Ч» ў тэгу ставіцца да загалоўка, лік паказвае на гэта ўзровень важнасці. H1 тэг павінен быць загаловак вашага блога.
<H2> Падзагаловак з ключавым словам </ h2>
H2 тэг павінен быць падзагаловак падтрымлівае загаловак, які змяшчае ключавое слова.
H3-H6 тэгі дадатковыя інструменты падзагалоўку вы можаце выкарыстоўваць ці не выкарыстоўваць. Вы можаце змяніць памер, колер, шрыфт, становішча і больш загалоўкаў у CSS, але мы выратуем гэты ўрок на іншы час. Увогуле, пераканайцеся, што тэгі загалоўкаў маюць сэнс для ўтрымання. H1 тэг павінен быць самым вялікім; ўсё астатняе павінна маштабавацца адтуль.
Загалоўкі з'яўляюцца важным сігналам для пошукавых сістэм, каб паказаць актуальнасць. Пераканайцеся ў тым, каб выкарыстоўваць ключавыя словы, па меншай меры, два (але пажадана больш) загалоўкаў.
У той час як h2-h6 загалоўкі можна выкарыстоўваць неабмежаваную колькасць разоў на старонцы , як вы хочаце ці неабходна, h1 загалоўкі павінны выкарыстоўвацца толькі адзін раз на кожнай старонцы. SEO-кансультант Алістэр Gill кажа, што людзі, як правіла, злоўжываюць h1 загалоўкі, таму што яны хочуць, каб зрабіць тэкст больш.
«Праблема з некалькімі H1S, яны разбавіць значэнне. Пошукавыя сістэмы выкарыстоўваюць іх , каб вырашыць , што ўтрыманне прыкладна, так што калі вы выкарыстоўваеце больш чым адзін , яны павінны прыняць рашэнне аб тым, што з'яўляецца больш важным. »- Алістэр Gill
змест
Наступныя HTML і CSS тэгі ня трэба запамінаць, але карысна ведаць.
<Моцны> тлустым шрыфтам тэкст </ STRONG> <EM> Тэкст курсівам </ EM> <SPAN стыль = "тэкст-аздабленне: падкрэсліць"> Падкрэсліванне Тэкст </ SPAN>
Strong для паўтлустага, эм (phasize) для курсіву і падкрэсліванне для падкрэслення. Даволі проста, ці не так?
У ідэале, аднак, нічога з «стыль =» будзе размешчаны на асобным CSS дакумента - не ў кодзе на ваш пост. Што вядома як убудаваны CSS (стылі CSS на старонцы, а не асобны дакумент) дрэнна для SEO у тым, што ён можа знізіць хуткасць загрузкі старонкі. Мы паглыбімся ў гэтую тэму ў наступным ўроку. М Аке упэўнены , каб падпісацца на мой электронны бюлетэнь , каб атрымаць апавяшчэнне , калі яна апублікаваная (Форма рэгістрацыі на бакавой панэлі)!
Даданне тэксту ўпрыгажэнні для ключавога слова ў тэксце з'яўляецца дадатковым сігналам для пошукавых сістэм для артыкула рэлевантнасці. Калі гэта магчыма, выкарыстоўваць усе тры з гэтых тэкставых працэдур па ключавых словах на працягу вашай артыкула. Толькі не ахвяраваць чытальнасць.
Ёсць старыя, «састарэлыя» ўпрыгожвання тэгі тэксту, якія цяпер лічацца састарэлымі для пошукавых сістэм. Да іх адносяцца:
<B> тоўсты шрыфт Тэкст </ B> <I> курсівам тэкст </ I> <і> Падкрэслівае тэкст </ U>
Хоць гэта лягчэй запомніць і, здаецца, робяць больш лагічны сэнс, пошукавыя сістэмы будуць інтэрпрэтаваць гэта як прыкмета таго, што вы не трымаючы ў курсе новых лепшых практык, і гэта можа прывесці да вас зайсці на старонку вынікаў пошукавых сістэм (не добра!). Выбіраю замест за папярэдні спіс тэгаў HTML і CSS.
малюнкаў
Самы просты варыянт малюнка HTML для SEO выглядае наступным чынам:
<IMG SRC = "Image.jpg" альт = "Ключавое слова">
«IMG» частка тэга проста кажа старонку , каб выклікаць малюнак. «ЦСІ» з'яўляецца крыніцай файла - паставіць спасылку на малюнак тут. URL павінен утрымліваць ключавое слова, таму пераназываць, захоўваць і паўторна загрузіць малюнак, калі гэта неабходна. Каманда «альт» першапачаткова была створана для чытання з экрана , каб дапамагчы забяспечыць даступнасць для людзей з абмежаванымі магчымасцямі з выкарыстаннем Інтэрнэт. У той час як вы павінны выкарыстоўваць яго для апісання малюнка, гэта таксама вельмі важна ўключыць ключавое слова тут. Малюнак ўяўляе сабой магутны камунікатар стаўленне да пошукавай сістэме - таму пераканайцеся, што выкарыстоўваць яго як такой!
сувязі
Дадатковы SEO імпульс можа быць дасягнута шляхам дадання ўнутраных спасылак на старонкі і пасты, якія ствараюць мост да іншых частак вашага блога (ці на сайце). Гэта дапамагае пошукавым сістэмам злучыць кропкі паміж зместам на вашым сайце, які дапаможа вам дамагчыся лепшага адпаведнасці ў выніках пошуку.
Хоць WordPress (і іншыя сістэмы кіравання кантэнтам з WYSIWYG рэдактары) зрабілі яго вельмі лёгка дадаваць спасылкі без разумення HTML і CSS, вось што асноўнай код выглядае наступным чынам:
<a href="http://www.website.com/page.html"> Link Text </a>
Давайце разбіць яго:
«А» якар. Гэта сведчыць аб тым, што старонкі вы якая заклікае іншую старонку. «HREF» падобна «SRC» ў тэгу малюнка. Гэта сведчыць старонцы, што вы выклік. У прамежках паміж прапановамі з'яўляюцца старонкі URL. Паміж карат пасля двукоссяў, дадайце ў тэксце спасылкі.
Акрамя таго, сувязь паміж старонкамі на вашым блогу, выходныя Спадабалася таксама станоўча ўплывае на SEO. Мэта ўключаць два ці больш у кожным пасце, патэнцыйна ідэйны лідэр ці прыкметы бізнесу.
Гэтыя асновы дадуць вам дастаткова, каб пачаць працу ў вашых пошуках, каб даведацца агульны HTML & CSS для блогераў. Пакіньце ваш HTML і CSS пытанні ў каментарах, і яны маглі б зрабіць гэта ў іншую тэму будучыні блог.
таксама апублікавана серада ,
Даволі проста, ці не так?