| |
 |
|
 |
|
Jak na SEO u vašeho CMS + diskuze k bílému textu na černém podkladuxChaos 3. září 2010 [4556 znaků] [HowKnow]
★★★ [ + ] 4 [6x] [ - ] Zobrazení 2369 ← RSS 268 Facebook 29 Twitter 54 Google 24 Komentářů 8
Za celá léta jsem prováděl jen ty úplně minimální optimalizace publikačního engine pod záminkou, že jednou to stejně celé přepíšu. Ale protože dočasnost začínala pomalu trvat příliš dlouho, tak jsem se odhodlal alespoň k základnímu pokusu o Search Engine Optimalization - a bylo to fakt tak jednoduché, že se o to s vámi podělím a ještě se pokusím rozpoutat krátkou flamewar na téma, že bílé písmo na černém pozadí je minimálně stejně dobré, jako černé písmo na bílém pozadí. #webdesign #editorial #google

Při mých nedávných experimentech s P2P vyhledávačem Yacy mě napadl jeden z možných důvodů, proč tak drasticky klesá návštěvnost tohoto e-zine a proč ve výsledcích vyhledávačů nemají moje články nijak zvlášť dobrý rating: většina robotů (crawlerů) procházejících web totiž z preventivních důvodů ignoruje odkazy, které obsahují otazník (starý, ba přímo prehistorický formát URI - uniform resource identifier - ve tvaru index.php?clanekid=číslo). Otazník totiž znamená, že zbytek adresy jsou pouhé parametry předávané skriptu, který stránku dynamicky generuje - a z jakýchsi historických (v některých případech asi i oprávněných) důvodů byl dynamicky generovaný obsah pokládán za méně "stálý" a tudíž méně hodný oindexování. Yacy odkazy obsahující otazník původně nechtělo následovat vůbec - bylo nutné mu to výslovně nařídit - no a Google sice sem tam někoho na TečkuCZ nasměruje - ale jak se tak snažím posledních několik měsíců monitorovat, tak rozhodně dost neochotně. Je pravda, že jsem o tomhle problému celá léta věděl, a dokonce jsem dva roky pracoval dva roky ve firmě, která SEO řešila dost intenzivně - tzn. včetně umisťování klíčových slov do URL, apod., což má Yacy taky dost rád - ale jak praví přísloví - kovářova kobyla chodí bosa.
Nový tvar URL TečkyCZ je nyní mimo jiné i daleko jednodušší na sdílení - vlastně si stačí zapamatovat číslo článku, pokud nechcete dělat copy+paste celého URL. Například odkazy na tento článek a kategorii, do které patří, nyní vypadají takto:
http://teckacz.cz/1036
http://teckacz.cz/index/9
Pokud jste sami napáchali nějaký vlastní CMS (Content Management System), který má stejný problém, tak by vám tahle informace mohla ušetřit asi tak půl hodiny prohledávání webu a další půl hodiny experimentování se správným formátem zápisu pro vaší konkrétní syntax URI.
Pravda... většina e-zinů, portálů i blogovacích serverů toto řešila (a úspěšně vyřešila) už před mnoha a mnoha lety. Takže byla docela ostuda, že jsem na to tak dlouho kašlal. Přidat do konfiguračního souboru Apache rewrite pravidla, která by mi umožnila zbavit se otazníků v URL, bylo nakonec jednodušší, než jsem čekal. Vytvořil jsem čtyři pravidla - jedno řeší odkazy na články, druhé a třetí řeší zkrácenou formu URL určenou k šíření ve vybraných sociálních sítích a to čtvrté vede na kategorie článků:
RewriteEngine on
RewriteRule ^/([0-9]+).* /\index.php?clanekid=$1 [PT]
RewriteRule ^/tw/([0-9]+).* /\index.php?tw_clanekid=$1 [PT]
RewriteRule ^/fb/([0-9]+).* /\index.php?fb_clanekid=$1 [PT]
RewriteRule ^/index/([0-9]+).* /\index.php?indexid=$1 [PT]
Já sám jsem tato pravidla přidal přímo do konfiguračního souboru v adresáři /etc/apache2/sites-available/, protože jsem přímo správce serveru, kde je TečkaCZ instalována - ale ti, kdo používají běžný placený webhosting, by měli mít možnost stejné řádky přidat do svého lokálního souboru .htaccess.
Jak vidíte, rozhodl jsem se nakonec jít cestou postupné evoluce, o které jsem psal už dříve - a tím pádem světlé zítřky, související s kompletním přepsáním celého publikačního engine, se i nadále vzdalují minimálně tak rychle, jak rychle se k nim blížíme :-)
A na závěr odkazy na slíbené flamewar o bílém textu na černém pozadí, který bývá tady na TečceCZ často kritizován. Já jsem přesvědčený, že k obsahu, který publikuju, se tahle barva pozadí prostě hodí - je noční, elegantní a v kombinaci s novými barevnými ikonkami možná v některých případech dokonce sexy. To, že bílá písmena na černém papíře byla z principu neostrá a tudíž špatně čitelná a že se na to vyplýtvalo zbytečně moc černé barvy, která pak špinila prsty - to mě nepřinutí přizpůsobit se povrchní konvenci. TečkaCZ je určena pro čtení pozdě v noci a v setmělých místnostech během podzimních dešťů a zimního sněžení - v takovémto prostředí černá barva monitoru zkrátka méně unavuje oči a napomáhá tomu, aby se čtenář dostal do mírného hypnotického transu, který pokládám za maximálně žádoucí. Bílou barvu pozadí milerád přenechám komerčnímu mainstreamu :-)
Čte se dobře bílý text na černém podkladu? [diskuse.jakpsatweb.cz]
White text on black background hard to read? [www.blogcatalog.com]
Sloupcová sazba: pokud je okno prohlížeče dostatečně velké (na monitoru s dostatečným rozlišením),
zobrazí se článek ve více sloupcích (w3.org).
Testováno v browserech Firefox, Opera
a Chrome. Není implementováno v Internet Exploreru.
Tato feature může způsobovat problémy ve starších verzích prohlížečů s jádrem Webkit (Google Chrome, Safari, Konqueror).
Pokud nevidíte článek celý, zkuste zmenšit okno prohlížeče nebo použít verzi pro tisk.
[zpět na začátek sloupcové sazby] Pokud se vám článek líbil, zkuste autora podpořit [zobrazit možnosti] →- moderujte článek kladně (v záhlaví nebo níže) nebo odstraňujte negativní přívlastky, se kterými nesouhlasíte
- moderujte relevantní komentáře kladně (stanou se nedílnou součástí článku) a nesmyslné naopak záporně
- napište pod článek sami pozitivní či přínosný komentář (pokud vím, tak většina autorů na webu má ráda komentáře)
- uvažujte TečkaCZ-kovitě a používejte mikrosyntaxi v komentářích (používejte hashtagy, vkládejte odkazy nebo obrázky...)
- uploadněte si ikonku ke své přezdívce, pod kterou komentujete články [www.gravatar.com] :-)
- staňte se registrovaným komentátorem a moderátorem [COMMING SOON]
- sdílejte tento článek v sociálních sítích a na diskuzních fórech (některé předem připravené možnosti viz níže)
- followujte (sledujte, spřátelte si...) TečkuCZ v sítích [Identi.ca] [Twitter] [Google+] nebo odebírejte [RSS kanál]
- zašlete Bitcoin dar dle vlastního uvážení (např. 0.01-0.1 BTC) na účet [19rriLx8vR19wGefPaMhakqnCYNYwjLvxq] :-)
- zašlete peněžní dar dle vlastního uvážení (např. 1-10 CZK, VS=číslo článku) na transparentní účet [2900242944/2010]
Sdílet v síti [Identi.ca - musíte být předem přihlášeni] [Twitter] [Facebook]
[Jagg.cz] Formátovat pro tisk [bez komentářů]
[s komentáři]
Krátká forma URL (adresy) [http://teckacz.cz/1036]
Všechny články [od autora xChaos]
[v rubrice HowKnow] [nejnovější]
Hodnocení článku čtenáři [ + ] 4 [6x] [ - ] Tip: Pro moderaci ÄlĂĄnkĹŻ (kladnĂŠ nebo zĂĄpornĂŠ hodnocenĂ) je nutnĂŠ pouĹžĂt browser, kterĂ˝ podporuje javascript a cookies.
Komentáře čtenářů [napsat vlastní]
Jackilla (anonym) 6. září 2010 ← komentářů 3 ☯ 1 [1x] ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12671] ← na komentář můžete odpovědět nebo ho sdílet
... mě napadl jeden z možných důvodů, proč tak drasticky klesá návštěvnost tohoto e-zine ...
Nebude to trebas tim, ze resis picoviny?
Hynek (anonym) 8. září 2010 ← komentářů 15 ☯ 0 [22x] ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12672] ← na komentář můžete odpovědět nebo ho sdílet
Ještě udělej url článů ve stylu http://tecka.cz/jak_na_seo_u_vaseho_cms_001
A návštěvnost klesá prostě proto, že to je mnoho alternativ. Dneska lidi čtou fejsbuky a ne zavedené servery.. Pěkná decentralizace, ne? :)
Ostatně Google Analytics prozradí o zdrojích návštěvnosti mnoho - jestli lidi přicházejí ze search enginů.
xChaos 8. září 2010 ← komentářů 5503 ☯ 0 [3016x] ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12674] ← na komentář můžete odpovědět nebo ho sdílet
Hynek: já vím, já vím .. ono to dnes už funguje, vyzkouše si sám, že za to číslo článku můžeš už dnes napsat cokoliv - v podstatě dokončení SEO vázne jen na tom, že jsem příliš líný řešit v PHP nějaký regexp, který by z titulku článku odstranil diakritiku, než ho použije jako součást URL....
ale Google Analytics pochopitelně na TečkuCZ nepustím.. dělám si vlastní analýzy, jak sis jistě všiml, a od začátku je dělám jako otevřené - tedy všichni čtenáři mají přístup k informací o tom, odkud přichází. (časem samozřejmě bude nutné asi zamezit crawlování statistik kvůli spammerům, a možná je omezit na registrované uživatele - ale to nic nemění na mém přístupu, že kdo se u mě v budoucnu zaregistruje, tak získá téměř stejná práva, jako já.. moje "první mezi rovnými" bude hlavně o ochraně před spamem - kterou ale lze řešit moderací - a o tom, aby nikdo ten obsah nesmazal, čímž se už docela blížím tomu FB...)
xChaos 8. září 2010 ← komentářů 5503 ☯ 0 [3016x] ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12675] ← na komentář můžete odpovědět nebo ho sdílet
+ Hynku ... ještě další argument, proč nechci psát SEO píčoviny přímo do URL je prostě ten, že lidi pak budou zbytečně prohánět odkazy na TečkuCZ nějakými TinyURL, kvůli sdílení na místech jako Twitter, apod. - když budou moje odkazy dostatečně "tiny" samy o sobě, tak budou URLka článků na Tečce dostatečně "životaschopnými memy" i bez různých šérovátek a zkrácovátek... takže vždy máš nějaká ty "pro" i "proti".. zbavit se otazníků mi přišlo důležitější....
jonáš (anonym) 9. září 2010 ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12679] ← na komentář můžete odpovědět nebo ho sdílet
Tak od tý doby, co se dá Foxu nařídit, aby stránky zobrazoval ve standardní barvě nastavení desktopu windows, jsem bílý písmo na černym pozadí přestal řešit, stejně jako zelený na bleděmodrym :-)
xChaos 9. září 2010 ← komentářů 5503 ☯ 0 [3016x] ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12680] ← na komentář můžete odpovědět nebo ho sdílet
jonáš: to teda musí být strašná nuda, mít všechny stránky v jednom barevném stylu... to bych si asi nezapnul. pro mě grafický a barevný design webu je součástí jeho emocionálního sdělení.
Scalex (anonym) 11. září 2010 ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12684] ← na komentář můžete odpovědět nebo ho sdílet
Pro mě je grafický a barevný design webu je součástí jeho emocionálního sdělení jen do chvíle, kdy je v rozporu s potřebami mých čidel zraku. Bílý text na černém pozadí mě unavuje a proto takový web buď opouštím (když nemá dostatečně lákavý obsah) nebo si přepínám styl (v Opeře mám přichystaný jak denní styl, tak styl noční, který nemá tak ostrý kontrast a není přehnaně zářivý, stále ale má tmavé písmo na světlém pozadí). Dnes v době rozvinutého CSS bych asi dal čtenářům možnost přepnout si styl rovnou tady na webu. Jednak kvůli těm, kteří s prohlížečovými styly neumějí zacházet (nebo to jejich prohlížeč neumožňuje, druhak i proto, že tak budeš mít design nadále pod kontrolou.
xChaos 11. září 2010 ← komentářů 5503 ☯ 0 [3016x] ★ [ + ] 0 [0x] [ - ] ← pro ohodnocení komentáře se není nutné nikde registrovat
→ [/-/12685] ← na komentář můžete odpovědět nebo ho sdílet
Scalex: no, možnost přepnutí stylu by dávalo smysl, kdyby uživatelé měli možnost zalogovat se. Což zatím nemají, a chystám to už 8 let (původní vize byl systém, který by se v některých vlastnostech podezřele blížil dnešnímu Facebooku)
ovšem s tím bílým textem na černém pozadí je to akorát předsudek: víš jak mě unavuje černý text na bílém pozadí - který se podle mě ujal pouze kvůli snadnému tisku na papír, a na monitoru je zcela zbytečný ? celá léta měly monitory bílá písmena na černém pozadí... případně zelená na černém, nebo bílá na modrém. já se cítím být diskriminovanou menšinou, když kam se podívám, tam je černý text na bílém pozadí. TečkaCZ je v tomto ohledu poslední oázou zdravého rozumu a hackerské estetiky :-)
| |
Počet zobrazených komentářů: 8 [celkový čas potřebný k prohledání databáze a vytvoření stránky: 1.84 sekund]
- Konce řádků budou zachovány
- Systém se pokusí o autodetekci platných URL (například http://www.domena.tld/cesta)
- Vložení obrázku do textu: +URL (prozatím nelze kombinovat s vložením odkazu)
- Odkaz na jeden konkrétní příspěvek: @přezdívka:id (předvyplňuje se automaticky při psaní odpovědi)
- Odkaz na aktuální příspěvky pod danou přezdívkou: @přezdívka
- Odkaz na aktuální příspěvky obsahující daný tag: #hashtag (hashtag má minimálně 4 znaky)
- Zvýraznění části textu: *text*
Nápověda: ve vlastním zájmu uvádějte u komentářů pouze funkční a dostupnou e-mailovou adresu.
Přezdívku, která je jednou spojená s konkrétní e-mailovou adresou, už nyní nelze bez zásahu
administrátora serveru spojit s jinou adresou. Uvedením neplatné e-mailové adresy si v budoucnu
znemožníte upload ikonky i možnost použít některé další chystané neanonymní funkce vázané na
uvedení platné e-mailové adresy.
TečkaCZ [Nejnovější články] [Nejnovější komentáře] [Zeď vzkazů] [Zeď odkazů] [Začátek článku]
|
|
 |
|
![[]](http://www.gravatar.com/avatar/94b652a98d5519730d39fdbe0a9dea91?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/e061c9aea5026301e7b3ff09e9aca2cf?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/25ba3bc8250b0041532b6fdbf24d724b?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/7419dbec7ab81c53b12c59ef7db56b00?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/64def6753df6be2ce8eca1ebcb7e60ba?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/b551730a408be63e0c6af77d2438f8f1?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/a6f30815a43f38ec6de95b9a9d74da37?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/691bec08078f48f6c34ef6a5603a0cb6?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/3ddbf46000c2fbd44759f3b4672b64db?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/04c2a2268c6dae4720162ca923493243?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/bfecb2d8170a86bfe1b0eb3f1fdb6232?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/0674cbdb51301f7894b8d05bf481fb1f?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/6b663ca7d843e033b25dd99b83bf548f?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/d73747d27243cd0c1a184b6376e9be49?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/e3b11941ffd286532aaec34ff536973c?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/108ade822132f3c761c33ac9b6736a45?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/d9f21abe46994338d79a9ca2b2e5c5c2?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/9aeaed51f2b0f6680c4ed4b07fb1a83c?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/ba5d187b85a17deb0c50a882226c1c74?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/cd67842a8ddee4e8fb96cfe5dbd847ed?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/9178740077a7834cc1ab45db456ed56e?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/175070b8667db9ee4c03c6b7560c8be4?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/5babb2d10a663e0e1cd1bf91f4a1c4a1?s=40&r=r&default=wavatar) ![[]](http://www.gravatar.com/avatar/826b877c5dd6a123283495f971a8ce8b?s=40&r=r&default=wavatar)
|