Мы ўсе ведаем, адкрытыя Перавагі выкарыстання CSS цяпер - магчымасць цэнтралізавана знайсці ўсе нашы прэзентацыі, магчымасць паўтарыць канструкцыю змены імгненна на працягу ўсяго вэб-сайта, і гэтак далей. Але не ўсё прадаецца на такіх дэталях. У гэтыя дні, многія людзі больш зацікаўлены ў SEO (Search Engine Optimization, або зрабіць вашыя старонкі добра выглядаць у пошукавых сістэмах), чым усе астатняе. Так што ж адбываецца, калі ў вас ёсць кліент або працадаўца, чыя мантра больш ўздоўж ліній, «SEO любой цаной, CSS пракляты»?
Ну, у мяне ёсць добрыя навіны для вас! Выкарыстанне CSS (і яго верны кореш, XHTML) на самой справе вельмі карысна для вашага SEO турнірнай табліцы. Ніжэй я вылучыў чатыры розных спосабу, што з дапамогай CSS можа дапамагчы вам палепшыць вашу пошукавую аптымізацыю. Некаторыя з іх адбываецца аўтаматычна, у той час як іншыя патрабуюць прыняцця рашэнняў.
аптымізаваны XHTML
У свеце SEO, памер і размяшчэнне матэрыі. Калі ваша старонка значна доўга, ўтрыманне ў ніжняй частцы вашай старонкі не будуць лічыцца як «важны» як рэчы на самым версе. І вось важная частка - «даўжыня» старонкі вызначаецца не колькасцю кантэнту (тэкст, і г.д.), але па колькасці кода. Калі Google павінен прачытаць некалькі соцень радкоў ўкладзеных табліц, якія складаюць вашу верхнюю навігацыю, перш чым яна калі-небудзь патрапіць на ваша ўтрыманне, то вы рызыкуеце пошукавыя сістэмы з улікам рэальных кішак вашага сайта нікчэмнага.
арганізаваны код
Вядома, ваша табліца на аснове дызайну можа выглядаць гэтак жа ладна і дэндзі на экране, але калі справа даходзіць да пошукавай аптымізацыі, гэта тое, што пад гэта сапраўды мае значэнне. Пошукавыя сістэмы не сканаваць старонку візуальна ... яны кавалачках «карціну» вашага сайта на аснове кода. І вы можаце выявіць, што ваш стол на аснове дызайну не «чытаць» зусім так, як вы чакалі.
Вазьміце малюнак вышэй, напрыклад. Пошукавая сістэма будзе чытаць гэтую старонку, як і любы іншы табліцы: ад верхняга левага кута ў правы ніжні. Ён чытаў усе , што ў загалоўку, усё ў навігацыі, і ўсё , што на бакавой панэлі , перш чым ён дабярэцца да змесціва. Калі ж вашыя рух і бакавы панэлі аднолькавыя на кожнай старонцы, вы збіраецеся ўзяць адмоўны ўдар у пошукавых сістэмах, якія маюць шмат дубляваць кантэнту фронт.
На шчасце, калі вы працуеце з CSS, вы можаце арганізаваць код любы, які шлях вы вылучыце. Вы можаце пераканацца, што ваша каштоўнае, ключавымі словамі багатага ўтрымання прама поруч верхняя часткай XHTML і націсніце бакавую панэль у DIV унізе вобласці кантэнту. Ваш CSS можа паставіць бакавую панэль у любым месцы вы хочаце ці павінны візуальна ... і гэта не зменіць паказанні ад Google на свой вэб-сайт ёту.
Загалоўкі Зрабіць розніцу
Як ужо згадвалася раней, калі вы турбуецеся аб SEO, вы павінны турбавацца аб вашым кодзе. Гэта тое, што знаходзіцца пад ім, што мае значэнне, калі гэта пошукавая сістэма прагляду старонкі - візуальныя значэння не йота. Для гэтага, пераканайцеся, што вы карыстаецеся добрыя, старамодныя тэгі загалоўкаў (<h1> - <h6>) для ўсіх вашых дакументаў загалоўкаў, а не проста ўводзіць у моду параграфаў або якой-небудзь іншай элемент з * уздрыгам * шрыфт тэгаў, ці нават CSS.
Вам не падабаецца, як загаловак трэцяга ўзроўня выглядае крыху вышэй артыкул? Ну, Google лічыць, што гэта выглядае смачна, так што, магчыма, вам варта перагледзець. Проста выскачыць вашы вар'яты навыкі CSS і стыль, загаловак, каб выглядаць як ... ну, як усе, што вы хочаце! Google не пярэчыць, калі вашы загалоўкі 30-кропкі ў вышыні і фуксія (нават калі вашы іншыя чытачы робяць).
Выберыце свой Акцэнт
Загалоўкі не адзіныя рэчы, якія ўплываюць на SEO. Пошукавыя сістэмы таксама звярнуць увагу на некалькі іншых тэгаў пры вызначэнні таго, што «важныя» словы на старонцы. Напрыклад, Google мае тэндэнцыю разглядаць словы, абгорнутыя ў <моцны> і <EM> тэгі, як больш важна, што навакольны іх тэкст. Вось чаму вы часам бачыце старонкі з выпадкова тоўстым ці курсівам словы валяліся - яны спрабуюць павялічыць свае SEO, дапамагаючы Google знайсці ключавыя словы, якія яны хочуць, каб засяродзіцца.
Але хто можа сказаць , што гэтыя ключавыя словы павінны быць бачныя ўсім? Мы заўсёды можам выкарыстоўваць CSS, каб гарантаваць, што пошукавыя сістэмы, як Google і Yahoo зразумець, якія словы з'яўляюцца важнымі, не маючы раздражняць нашых чытачоў з нашай моцнай эм суп. Калі мы проста ўзяць нейкі XHTML, як гэта:
<Р> Гэта прапанова ўтрымлівае некалькі <STRONG> ключавых слоў </ STRONG> <аб> эм істотнае значэнне </ EM>.
Дадайце яго з новым «SEO» CSS клас:
<Р> Гэта прапанова ўтрымлівае некалькі <моцнага класа = "SEO"> ключавых словы </ STRONG> з <эм класа = "пошукавай аптымізацыі"> істотнага значэння </ EM>.
А потым напісаць простае правіла CSS, як гэта:
em.seo, strong.seo {напісанне шрыфта: нармальны; стыль шрыфта: нармальны; }
Гэта CSS прадухіліць ваш SEO вызначыў моцныя і Э.М. тэг быць тоўстым або нахільным на экране. Тым не менш, пошукавыя сістэмы будуць па-ранейшаму прызнаюць значнасць гэтых тэгаў.
CSS і SEO, жывуць разам у поўнай гармоніі. Хто кажа, што вы не можаце мець свой кавалак пірага і з'есці яго?
Так што ж адбываецца, калі ў вас ёсць кліент або працадаўца, чыя мантра больш ўздоўж ліній, «SEO любой цаной, CSS пракляты»?Вам не падабаецца, як загаловак трэцяга ўзроўня выглядае крыху вышэй артыкул?
Хто кажа, што вы не можаце мець свой кавалак пірага і з'есці яго?
