Továbbra is érdekes, és véleményem szerint hasznos híreket publikálok a nagy és hatalmas világból SEO. Ma a weboldal tervezés színeiről fogunk beszélni... Igen, igen, pontosan a színsémákról. Nos, kezdjük. Weboldal tervezés színe befolyásolja a hirdetések átkattintási arányát, vélik az amerikai Oxfordi Egyetem pszichológusai.

Viselkedés: a webhely színének hatása a portálokon megjelenő hirdetések átkattintási arányára

Amerikai tudósok számításai szerint egy átlagos felhasználó körülbelül 2 percet tölt egy internetes portálon. Ebből nekünk - SEO szakembereknek - az utolsó 4-7 másodperc a meghatározó, bár ez a tervezőkre is vonatkozik. Ebben az időszakban a felhasználó vagy elhagyja a weboldalt, vagy rákattint a neki felajánlott hirdetésre. A választás attól függ weboldal és hirdetésblokk színei. A „rosszabb” (nem kívánatos és nem kattintható) opció weboldal tervezés- ez az oldal tervezése szürke vagy piros tónusokkal. A forgalom megközelíti a nullát (átkattintási arány), akárcsak az internetes forrásokon elhelyezett hirdetések hatékonysága. A kényelmet és a nyugalmat azok a felhasználók tapasztalják, akik olyan oldalakon tartózkodnak, ahol a domináns szín a fehér. Jól kattintanak a bannerekre, ha a címsorok váratlanul (nagyon) világosak és kontrasztosak, a szöveg és az URL maximális méretű. Majdnem ugyanez történik a zöld mintákkal.

A kék portál kialakítása a bizalomra, a sárga pedig a kontextusra a legjobb

A kék dizájnnal és elrendezéssel rendelkező webhelyek bizalmat keltenek (a „VKontakte” és a „Facebook” közösségi hálózatok azonnal eszembe jutnak). Érdekes módon a reklám itt működik, ha fehér alapon található, és a címsorok 2 árnyalattal sötétebb színre vannak állítva (és ez ismét megfelel a kedvenc „VKontakte”-nak és a Facebooknak). A legtöbb nyerő weboldal tervezés színe, brit pszichológusok szerint sárga. A látogatások és kattintások aránya itt 1:2,5, mivel sok internetező egyszerre 2-3 hirdetést néz meg. De a bannerek az összes sárga oldalon hatástalanok. Egy másik jó szín a portálok kialakításához, ahol az emberek a reklámtömbökre és a bannerekre kattintanak, a nem kontrasztos barna. Itt a szalaghirdetések eredménye 3 látogatásonként 1 kattintás, a kontextuális hirdetésnél pedig körülbelül 1-2.

PS. Foglaljuk össze. Az első dolog, ami megzavar minket, hogy természetesen nem orosz ajkú a közönség, más a mentalitásunk. Mindazonáltal a FÁK lakosai nem Amerika vagy Európa lakosai. Az orosz weboldalakat mindig is a szivárvány színei és árnyalatai különböztették meg a dizájnban, ellentétben a visszafogott európai és amerikai internetes forrásokkal (feltűnő példa erre az Apple webhely). Másodszor, ezzel összefüggésben a hirdetéseink „kattannak” (saját megfigyelésem), mert fényesek és kontrasztosak. A sárga oldalakkal, portálokkal nem lehet egyet érteni - nem keltenek bizalmat a hazai hálózathasználókban (a nagy sárga portálról nem is mondanám rögtön - egy sem jut eszembe), kivéve talán a kisgyerekeknél (bár ez az én vélemény)! Általában valószínűleg el kell végeznie egy kis tesztet, amelyről a „kísérletek” részben fogok beszélni.

Nem kell kitalálni azoknak a hirdetéseknek a színét, amelyekre nagyobb valószínűséggel kattintanak a látogatók. Kísérleteznie kell a hirdetések különböző színekben való megjelenítésével. Eredményei alapján pedig kiderítjük webhelye látogatóinak preferenciáit. Az ablakokon kívül azonban a 21. század. Ezért írunk egy kis forgatókönyvet, ami mindent megtesz helyettünk.

Milyen színeket válasszunk a reklámokhoz

Kísérletem során három alapszín mellett döntöttem: kék, piros és zöld. Mindegyiket más-más fényerővel vettem. És még egy színt adtam hozzájuk – a webhelyemen található linkek színét. Így hét szín vesz részt a kísérletemben.

Hirdetés színrotációs szkript

Alapnak a YAN (Yandex Advertising Network) hirdetésmegjelenítési forgatókönyvét veszem, amelyet a Profit-Partner adott nekem. Adjunk hozzá automatikus színváltást. Minden színhez egyedi címkét készítünk. Annak érdekében, hogy a jövőben ezeknek a szakaszoknak a segítségével elemezhesse, hogy webhelyén milyen színű hirdetések vonzóbbak a látogatók számára.

Állítsuk be a szkriptet, és kezdjük el az adatgyűjtést. A statisztika a szkriptünk által létrehozott szeleteket fogja mutatni.

Hogyan kell megfelelően végrehajtani egy kísérletet a hirdetések színtervének kiválasztására vonatkozóan

A kísérletet éjjel-nappal legalább egy héten keresztül kell végezni. Figyelembe kell venni a hétvégék és munkanapok összes időfüggőségét és jellemzőit. Fontos, hogy minden színséma legalább 1000-szer jelenjen meg.

Következtetések a kísérletből, melyik szín a jobb

Ha három fő szín közül választ, akkor nincs egyértelmű vezető az oldalamon. A több százalékos eltérés oka lehet a hiba. De az általános tendencia egybeesik a Profit-Partner COP szakembereinek ajánlásaival - a kattinthatóbb szín a piros.

Ha mind a hét színt részletesen megvizsgáljuk, akkor a következő csoportot kedvelik a látogatók: sötétvörös (#990000), világoszöld (#00CC00) és sötétkék (#000099).

Azt tanácsolom, hogy ne nézze meg a statisztikáimat, hanem végezzen saját kísérletet a Yandex hirdetési hálózat hirdetéseinek színtervének kiválasztásával.
Ha több webhelye van, akkor mindegyik webhelyen el kell végeznie a saját kísérletét.
Ha megváltoztatja a tervet, futtassa újra a kísérletet.
Ha több hirdetési egysége van, mint én, akkor mindegyik hirdetési egységhez saját kísérletet kell végeznie. Meg fog lepődni, de webhelyemen a felhasználói preferenciák a cikk közepén és végén eltérőek a hirdetési egységekben.
A kísérletet éjjel-nappal legalább 7 napon át kell végezni.

A színekkel való munka minden webdesigner legfontosabb készsége. Megfelelő használata sikert hozhat az oldalnak, és a kínálat kialakításánál egy apró hiba is sok gondot okozhat a jövőben. Ebben a cikkben megvizsgálunk 10 hibát, amelyet a tervezők elkövetnek, amikor színekkel dolgoznak egy weboldalon, és elmondjuk, hogyan kerülheti el őket.

A pszichológiai technikák alkalmazásától való vonakodás

Számos tanulmány írja le a felhasználók reakcióit és érzelmeit a weboldalak színsémájával kapcsolatban. Ez természetesen vita tárgya - a színpreferenciákat a nemzeti kultúra, a személyes tapasztalat és egyéb okok határozzák meg, de nem lehet figyelmen kívül hagyni a színek által közvetített hangulatot. Weboldalak készítésekor pedig ugyanúgy érdemes alkalmazni azt, amit a színérzékelésről tudunk.

Például a narancs egy nagyszerű szín, amely motiválja a vásárlást. Tökéletesen közvetíti a cselekvésre ösztönzést, alkalmas online áruházakba.

A zöld a bizalmat szimbolizálja, és mi lehet fontosabb, mint a bizalom, amikor az ételekről van szó?

1. Vak utánzat

A megrendelő klasszikus hibája a saját elképzeléseinek kivetítése a tervezésről. A kedvenc fórumod meleg "karamell" színekben készült, a fő szövegek sötétbarnák, az üzenetek háttere halványsárga? Ez nem jelenti azt, hogy a klímaberendezésekkel foglalkozó webhelynek örökölnie kell ezt a tartományt. A klímaberendezéseknek frissesség érzetét kell kelteni – nem véletlen, hogy a legtöbb ilyen oldalt kék és fehér tónusokkal tervezték.

Még akkor is, ha nagyon szeret egy bizonyos oldalt, gondolja át kétszer, mielőtt megrendeli „pontosan ugyanazt, de az én termékeimről”.

2. Hiányos cselekvésre ösztönzés

Ha webhelyén erőteljes cselekvésre ösztönzés található, annak észrevehetőnek kell lennie a felhasználó számára – a felhasználó tekintetét meg kell ragadnia. Egy halvány és megkülönböztethetetlen cselekvésre ösztönzés, még ha tökéletesen megfogalmazott is, egyszerűen nem fog működni. Az ellenkező helyzet nem olyan jó, amikor a CTA szó szerint azt kiabálja, hogy „NYOMJON MEG”. A cselekvésre való felhívásnak harmonikusnak kell lennie, és kiemelkednie kell a kontrasztos színek és minták által.

3. Az oldal túlzott színpalettája

Leggyakrabban két-három szín is elég egy weboldal kialakításához. Természetesen vannak nagyon sikeres tervezési megoldások sok színnel, de ezek kivételek. Előfordul, hogy két szín jól néz ki, de ha hozzáadja a harmadikat, akkor kiderül, hogy káosz.

Javasoljuk, hogy a színpaletta kiválasztásakor legalább egy színkört használjon. Amikor kiválasztja a színeket a segítségével, emlékeznie kell arra, hogy a szomszédos színek és a velük szemben lévő színek jól illeszkednek egymáshoz.


Javasoljuk speciális webhelyek használatát is. Itt létrehozhatja saját kínálatát, vagy használhatja a készek egyikét.

Az első példában 3 színt használnak a szöveg megtervezéséhez, a másodikban csak kettőt. Ez a második lehetőség, amely jobban néz ki, és a rajta lévő szöveg könnyebben olvasható.

4. Különböző színek a hasonló elemekhez

Ha a céloldalon három fizetési gomb található, akkor mindegyiknek azonos színűnek kell lennie. Miután a felhasználó meglátta az elsőt, a többit is ugyanúgy észleli. Ha a különböző színű gomboknak ugyanaz a funkciója, ez némi zavart okozhat.

Íme egy példa két, azonos célú gombra ugyanazon a webhelyen. Rossz döntés.

5. Ugyanazok a színek a különböző típusú elemekhez

Az ellenkező helyzet az, amikor a „kedvenc” színedet ott használod, ahol úgy gondolod, hogy azt szépen kell csinálni. A műveletgombok és a nem kattintható elemek ne legyenek hasonló színűek, ez sérti az oldal használatának logikáját. Egy bizonyos színű és stílusú kattintható gomb elkészítésével viselkedési mintát hoz létre, és ha egy ilyen elemről kiderül, hogy inaktív, az megzavarja a felhasználó szokásos viselkedését.

6. Kontraszt hiánya

A szokatlan és élénk színek keresésekor a tervezők gyakran figyelmen kívül hagynak egy fontos pontot: a szöveg színének és a háttérszínnek kellő kontrasztban kell lennie ahhoz, hogy a szöveg könnyen olvasható legyen. Ezt az elvet világosan szemléltetjük az alábbi példákban.

7. Nem szabványos linkszín

A felhasználónak meg kell tudnia különböztetni a hivatkozást a szövegtől az egér mozgatása nélkül. Természetesen a szín itt nem az egyetlen tervezői eszköz, de talán a leghatékonyabb. Három szabály:

• A linkeknek láthatónak kell lenniük anélkül, hogy az egérmutatót rájuk vinnék.


• A hivatkozás színe megváltozik, ha fölé viszi az egérmutatót.


• A meglátogatott linkeket más színnel kell megjelölni, ez különösen fontos, ha sok kiadványt tartalmazó információs oldalról beszélünk.

A példában a tervező egy rendkívül szerencsétlen színt választott a portfólióban való navigáláshoz szükséges hivatkozások kialakításához.

8. A kifakult minimalizmus nem impulzusértékesítésre való.

Manapság nagyon divatos a landing oldalak készítése, általában impulzusértékesítésre. Az ilyen oldalak befolyásolják az ember érzelmeit, pillanatnyi vágyat ébresztve benne egy termék megvásárlására. A weboldalkészítés másik divatos irányzata a minimalizmus, általában egy-két szín jellemzi, gyakran szigorú.

Ez a két divatirányzat legtöbbször összeegyeztethetetlen. Nem értékesíthet érzelmek alapján, ha webhelye nem kelt ilyen érzelmeket, amikor megtekinti.

A nyugodt hangok és a szigorú minimalizmus megfelelőek, ha a vásárlás racionális. Igen, a minimalizmus nem lehet unalmas, színes és még nagyon érzelmes is, de ma már sok tervező hajlik a szürke tónusokra és a „levegőre”, ami nem igazán megy jól a landing oldalak eladásával.

Ez azonban nem jelenti azt, hogy egy érzelmes céloldalnak, amely értékesít, a szivárvány minden színében kell ragyognia.

9. Nem megfelelő fekete

A marketingesek régóta hozzászoktatták a fogyasztókat a kézzelfogható világban ahhoz, hogy a fekete csomagolás szinte mindig magas költségeket és prémium minőségű termékminőséget jelent. Íme egy példa a gombócok és drága gabonafélék elit márkájára:

Szokásaink a marketingesek módszereihez hasonlóan a szupermarketekből az internetre vándorolnak. Például egy ékszercég fekete színben készült weboldala elegánsan és drágán néz ki:


Ne használjon sok feketét a webhelyén háttérként, ha alacsony árszegmensben nyújt szolgáltatásokat, vagy olcsó termékeket ad el. A webhely látogatóinak benyomásai nem egyeznek az Ön eladási ajánlatával.

10. Színkorlátozások a tervező számára

Ez a szabály közvetlenül nem vonatkozik a weboldal tervezésére és a színpaletta kiválasztására. Arról beszélünk, hogy a tervező számára feladatokat állítunk fel a weboldal fejlesztése során. Ha még nem rendelkezik kialakult arculattal vagy felismerhető logóval (bár ebben az esetben a szabály részben érvényes), akkor ne szabjon szigorú határokat és korlátozásokat a tervező számára a használt színek tekintetében.

Az Ön elképzelése lehet olyan szép, amennyire csak szeretné, de hagyja, hogy a tervező felajánlja a sajátját. Ha többszöri próbálkozás után sem tud a tervező megmutatni valamit, ami tetszik, csak akkor adjon neki szigorú határokat a színválasztásban.

Egy másik kivétel: ha biztos abban, hogy a színtervezési lehetősége jól átgondolt, és ezt a választását meg tudja indokolni magának. Az ügyfelek általában nem veszik figyelembe azt, amit a tervező figyelembe vesz - a szöveg olvashatóságát, a gombok megfelelő fényerejét és a színek optimális számát.

következtetéseket

A színséma megteremti a felhasználó első benyomását az oldalról. Nagyon fontos, hogy pozitív legyen. De nem lehet csak az emberek figyelmét a színre összpontosítani; Ha nem biztos a helyes választásban, használjon hőtérkép-adatokat vagy egy egyszerű technikát a kész interfész-megoldás elmosására. A technika lényege nagyon egyszerű: grafikus programokkal el kell homályosítani az egész oldalt, és meg kell nézni, hogy mely elemek és blokkok vonzzák először a figyelmet. Az első, második és harmadik blokk, amely felkelti a figyelmet, legyen a legfontosabb elem a felhasználói forgatókönyv szempontjából.

Például elhomályosítottuk az Aviasales.ru első képernyőjét - az 1., 2. és 3. elemek blokkjai vonzzák a figyelmet a cím elolvasása után, azaz. A megfelelő elvárásokat kialakítva a felhasználóban (ne feledje a kontraszt szabályait) megvizsgálja a paraméterek kiválasztásához és a cselekvésre ösztönzéshez szükséges elemeket.


És nézze meg, milyen egyértelműen kitűnik az ostrovok.ru webhely fő akciója az elmosódott háttér előtt.


Ha az Ön interfészei kitűnően megfelelnek az ilyen teszteknek, akkor az oldal további fejlesztéseit a felhasználói pszichológia ismerete alapján kell elvégezni, pl. valós felhasználók visszajelzéseinek elemzése. Olyan kérdések használatával, mint: „Hol nézte meg először: a webhely melyik 3 elemét, és milyen sorrendben? Hová akarsz először kattintani és miért?” Az AskUsers-ben nemcsak azt értheti meg, hogy a felhasználók figyelme hogyan oszlik el, hanem azt is, hogy a felhasználók miért néznek meg bizonyos elemeket. Ezek az információk segítenek azonosítani számos problémát a jelenlegi felületen, és megtalálni a legjobb megoldásokat a megoldásukra.

Ne feledje, hogy a forma alá van rendelve a tartalomnak. A színes tervezés eszközként szolgál arra, hogy a felhasználó figyelmét a felhasználó és a webhely tulajdonosa számára fontos információkra irányítsa.

Hogy melyik gombszínnél a legmagasabb az átváltási arány, az egy régi filozófiai kérdés, amelyre sokan tudják a választ. „Piros” – válaszolnak a kezdő marketingszakemberek. „Kontrasztos” – válaszolják a tapasztalt marketingesek. 21 666 felhasználót teszteltünk ebben a témában. És elég érdekes következtetésekre jutottunk.

A cikk elején intrikákat és izgalmas tényeket kell hozzáadnia a figyelem felkeltéséhez. E tanács alapján elmondhatom, hogy a gyakorlatban a gomb színének megváltoztatásával akár 65%-os konverziónövekedést is kaptunk. Ebben a cikkben beszélünk az eredményekről és arról, hogyan kell csinálni.

Mennyivel növelhető a konverziók száma színekkel?

Nem mondom el, hogy kitaláltunk egy varázstablettát a konverziókezeléshez. A konverziók növekedése esetén egy egyszerű következtetésre jutottam. Nincsenek 100%-os állítások, amelyek mindig mindenkinél működni fognak. Varázstabletták is. Korábban írtunk arról, hogy bizonyos esetekben az „ingyenes” szó csökkenti a konverziókat. Mit is mondhatnánk a többi „száz százalékos” igazságról.

Tehát mennyivel növelheti a konverziós arányt a gombok színének megváltoztatásával?

Akár 65%-os konverziónövekedést értünk el. 65% volt a maximális teszteredmény. Az átlag 11% volt. De még ez a konverziónövekedés is nagyon jó eredmény. Tekintettel arra, hogy ez a gomb színének megváltoztatásával érhető el.

A piros a győztesek színe

Számos szakértői teszt azt állítja, hogy a piros gombnak van a legmagasabb konverziós aránya. Miért? Tudjuk, hogy minden színnek megvan a maga asszociációja, és bizonyos érzelmeket vált ki. A piros szín megállást, veszélyt és szenvedélyt jelent. És a legtöbb esetben (úgy gondolják), hogy ez jobb eredményekhez vezet az internetes marketingben.

Alább látható az A/B tesztek létrehozásának algoritmusa:

1. Hozzon létre egy widgetet a konstruktorban. 5 percet vesz igénybe.
2. Másolja ki, és módosítsa a tesztet. 1 percet vesz igénybe.
3. Hozzon létre egy A/B tesztet, és válassza ki ezeket a widgeteket. 1 percet vesz igénybe.

1. Widget létrehozása a konstruktorban

Widget létrehozásához regisztrálnia kell a konstruktorban.

A létrehozási folyamat 3 lépésből áll:

1. Válassza ki a használni kívánt widget sablont.
2. Szerkessze a widgetet: - írja be a kívánt szöveget - módosítsa a színt és töltsön fel képet, ha szükséges
3. Válassza ki a megjelenítési beállításokat: - mikor jelenjen meg a widget (idő szerint, kilépéskor, lapozáskor stb.) - milyen eszközökön (számítógép, mobil, táblagép) - mi a teendő a konverzió után (köszönés, átirányítás egy hivatkozást, vagy egyszerűen zárja be a widgetet)

Megtekintheti ezt a videót a widget létrehozásáról. Az egyes szakaszokat itt részletesen tárgyaljuk. Szöveges útmutató a widget létrehozásához itt található.

Szeretném megjegyezni, hogy sokkal több testreszabási lehetőség van a tervezőben. Megjelenítés például bizonyos számú oldal megtekintésekor, a hét napjai, hivatkozási forrás, a megjelenítés gyakorisága és még sok más szerint. De először azt tanácsolom, hogy használja az alapbeállításokat, majd kísérletezzen további beállításokkal.

2. Másolja ki a widgetet, és végezze el a módosításokat a teszthez

A widget létrehozása után másolatot kell készítenie róla. Az új widget módosításához és A/B teszt futtatásához. Ehhez kattintson a „Másolás” ikonra a létrehozott widgetben.

Automatikusan engedélyezve van az oldalon. Most ki kell kapcsolnunk, mivel nincs szerkesztve. Ehhez módosítsa az állapotot.

Most lépjen a beállításokhoz a „Hozzáadás a szerkesztőhöz” ikonra kattintva.

Itt módosítsa a tesztelni kívánt elemet. Például változtassuk meg a gomb színét. Ez egy kattintással megtörténik. Csak egy másik gombszínt kell választania.

Kattintson a „Gombszín” elemre, és válassza ki a kívántat.

Ezt követően mentse el a widgetet. A 4. lépésben semmit sem kell módosítania ahhoz, hogy megtartsa az előző widget beállításait. Ehhez egyszerűen kattintson a „Mentés” gombra.

Most 2 widgetet hozott létre különböző gombszínekkel. Továbbléphet az A/B teszt létrehozásához. A kényelem kedvéért nem kell mást tenni, mint megváltoztatni a nevet a második widgetben.

3. Hozzon létre egy A/B tesztet

Teszt létrehozásához az „A/B tesztek” menübe kell lépnie. És kattintson a „Teszt létrehozása” gombra.

Itt kell:

Válasszon ki egy webhelyet – írja be a teszt nevét

Válassza ki a teszt típusát

A vizsgálat típusával kapcsolatban. A KEPLER LEADS 2 különböző típusú A/B teszttel rendelkezik: klasszikus és egyéni. A különbség a widgetek megjelenítésében van a visszatérő látogatók számára. Ha új widget-lehetőséget szeretne megjeleníteni egy visszatérő látogatónak, válassza a Klasszikus teszt lehetőséget. Ha azt szeretné, hogy a visszatérő felhasználónak ne jelenjen meg egy másik widget-opció (az első megjelenített a rendszer megjegyzi, és mindig csak ez aktiválódik, a megjelenítési beállításoktól függően), akkor válassza az Egyéni lehetőséget.

A teszt típusának kiválasztása után kattintson a „Hozzáadás” gombra. Marad az utolsó lépés – válassza ki a widgeteket a teszthez. Ehhez kattintson a „Widgetek” cellára, és jelölje ki őket.

A widgetek kiválasztása után ellenőrizze, hogy mindegyik aktív-e. Ha vannak inaktív widgetek, itt engedélyezheti őket.

Minden! A teszt létrejött. Az összes eredményt a tesztstatisztikában láthatja. Ehhez kattintson a „Nézet” ikonra a teszt nevétől jobbra. 1000 megjelenítésből származó teljes forgalom tesztelését javasolja (ez a „Megtekintések” oszlopban látható). Ezek után döntse el a következő teszt futtatását.

Következtetés

A munkád ezzel nem ér véget. Most nyomon kell követnünk az eredményeket, és jelentős adatok elérése után (1000 vagy több látogatót javasolunk) tesztelni kell más hipotéziseket. Ezek lehetnek címsorok, cselekvésre ösztönző szövegek, értékajánlatok, képek stb. A következő cikkekben további A/B tesztekről írunk. Ossza meg eredményeit a megjegyzésekben.

A HTML használatával beállíthatja az oldalon lévő összes hivatkozás színét, valamint módosíthatja az egyes hivatkozások színét.

Állítsa be az oldalon található összes hivatkozás színét

A hivatkozás színei címkeattribútumként vannak beállítva . Az attribútumok nem kötelezőek, és ha nincsenek megadva, akkor a rendszer az alapértelmezett értékeket használja.

link – Meghatározza a hivatkozások színét a weboldalon (alapértelmezett szín a kék, #0000FF).

vlink - a már meglátogatott linkek színe. Az alapértelmezett szín a lila, #800080.

A HTML-ben a színeket általában hexadecimális számokban adjuk meg, #rrggbb formában, ahol r, g és b a piros, zöld és kék komponenseket jelöli. Minden szín hexadecimális értéket kap 00 és FF között, ami 0 és 255 közötti decimális tartománynak felel meg. Ezeket az értékeket ezután egyetlen számmá egyesítik, amelyet egy # szimbólum előz meg (1. példa).

1. példa: Linkszínek beállítása

A webhely tartalma

A színt nem kell megadni hexadecimális formátumban kulcsszavak is használhatók. Ebben a példában a weboldal háttérszíne feketére, a hivatkozás színe pedig pirosra van állítva.

A hivatkozások színének megváltoztatásához kényelmesebb a CSS használata. A weboldalon található összes hivatkozás színének beállításához a következő pszeudoosztályok kerülnek alkalmazásra, és hozzáadásra kerülnek az A választóhoz.

látogatott — A meglátogatott hivatkozás stílusa.

aktív — az aktív hivatkozás stílusa. A hivatkozás akkor válik aktívvá, ha rákattint.

A 2. példa bemutatja, hogyan lehet stílusok használatával megváltoztatni a hivatkozások színét egy weboldalon. Ehhez a color tulajdonságot használjuk, amely bizonyos szövegek, jelen esetben a hivatkozások színét állítja be.

2. példa: Stílusokon keresztül megadott hivatkozások színe

A webhely tartalma

Az oldalon lévő egyes hivatkozások színének beállítása

A színek beállításának fenti módszere a weboldal minden hivatkozására vonatkozik. Néha azonban szükségessé válik különböző színek egyidejű használata. Világos színek, például egy weboldal sötét területeihez, sötét színek pedig világos területekhez. Ehhez stílusokat is használhat.

A hivatkozás színének megváltoztatásához használja a style="color: #rrggbb" attribútumot a címkében , ahol az #rrggbb a szín hexadecimálisan. Használhat színneveket is, vagy a következő formátumban adhatja meg a színt: rgb (132, 33, 65) . A piros, zöld és kék decimális értékei zárójelben láthatók (3. példa).

A webhely tartalma

Internetes marketing

Használhatóság

Ez a példa három különböző módot mutat be a színek stílusok használatával történő beállítására.