Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
< >
1 2 3 4 5

HTML і CSS для блогераў: Асновы Гэта дапаможа з SEO

  1. Асноўныя HTML і CSS для блогераў
  2. загалоўкі
  3. змест
  4. малюнкаў
  5. сувязі

Гэта паведамленне ўяўляе сабой першае ў маёй серыі пра карыснае 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 пытанні ў каментарах, і яны маглі б зрабіць гэта ў іншую тэму будучыні блог.

таксама апублікавана серада ,

Даволі проста, ці не так?
Музеи в Москве самые интересные
Музей может быть не только сокровищницей искусства, но и также прекрасным архитектурным объектом. Посещать такие необычные креативные музеи всегда интереснее. Собранные в этих музеях коллекции

Бесплатный вход в музеи Москвы
Среди других бесплатных музеев представлены Галерея Герцена, Музей истории железнодорожной техники, «Дом на набережной», Музей шахмат, Дома-музеи К. Станиславского, М. Булгакова, Музей «Огни Москвы.РЕКЛАМА

Музеи парки и усадьбы Москвы
В ходе Олимпиады участники (школьники и команды школьников) с сопровождающими взрослыми посещают музеи, парки и усадьбы Москвы. Каждый культурный объект, присоединившийся к Олимпиаде, готовит для участников

Музеи Москвы в которых нужно
Музеи изобразительных искусств, современные музеи, краеведческие, музеи-заповедники, художественные — каких только музеев нет в нашей столице. Но в какой музей сходить в Москве? Какие музеи посетить в

Музеи Винницы
Литинский краеведческий музей им. У. Кармалюка Музей расположен в здании известной прежде Литинской крепости – тюрьмы. Тут был заключен герой народа Устим Кармалюк. Крепость имеет статус памятника истории

Научные музеи Одессы
При одесских вузах (а они существуют с конца 19 в.) работает 5 музеев. Туристы туда никогда не заглядывают: такие музеи себя не рекламируют, материалов о них вы не найдете в информационных туристических