101 módja annak, hogy webhelyét félelmetesebbé tegye

A múlt héten beszéltem egy régi ügyféllel, aki azt mondta: "Nick, tudom, hogy segítségre van szükségem a webhelyhez, de nem vagyok biztos benne, mire van szükségem."

Így hát kérdeztem. Barátok, család, egyéb nem internetes üzleti emberek. Mindannyian ugyanazt mondták:

- Kell egy ellenőrzőlista. Nem tudom, hogyan kell weboldalt építeni. Ezért kell felvennem valakit. De még mindig tudni akarom, mi jár ezzel.

Tehát elkezdtem összeállítani egy listát mindarról, amit az AwesomeWeben tettünk (és néhány dolgot, amit nem tettünk meg).

Itt az ígéretem ...

… Ha mindent kijavít a listán, akkor az iparág egyik legjobb, ha nem a legjobb oldala lesz.

Honnan tudod?

Az AwesomeWeb webhelyen több mint 1000, a világ legjobb szabadúszóját tekintettem át. Ha jól tudom, soha nem láttam olyan webhelyet, amely minden négyzetet be tudna jelölni.

Vállalkozás tulajdonosaként használja ezt a listát, hogy megtudja, mit kell tennie. Küldje el tervezőjének vagy fejlesztőjének. Néhányat magad is kijavíthatsz.

Szabadúszóként használja ezt a listát, hogy minden létrehozottját félelmetesebbé tegye. Térjen vissza a régi ügyfelekhez, és mondja:

„Áttekintettem, mit építettünk, és észrevettem, hogy ezt, ezt és ezt meg tudjuk javítani. 500 dollárért, 1000 dollárért és 5000 dollárért meg tudom csinálni, és számíthat ezekre az eredményekre ... ”

A lényeg az…

… Segíteni akarok az internet fantasztikusabbá tételében. Itt kezdődik, ezzel a listával.

Félelmetes Branding

  1. Szerezzen profi logót . Ritkán találunk nagyszerű logóval rendelkező weboldalt vagy blogot. Tehát ez egy jó módszer az azonnali hitelesség megteremtésére.
  2. Töltsön fel egy retinára kész favicont (a négyzet alakú ikon a böngésző lapján). A legtöbb webhely 16 × 16 pixeles favikonokkal rendelkezik. A retina képernyőkön homályosak. Az X-Icon Editor segítségével hozhat létre egy 64 × 64 pixeles favicont.
  3. Mindig használjon retinára kész képeket . Egyszerűen ellenőrizze, hogy a kép kétszer akkora, mint a konténer, majd kicsinyítse.
  4. Használjon max . 2–3 színt . Rendelkeznie kell háttérszínnel, cselekvésre ösztönző színnel és akcentussal.
  5. A színpaletta kiválasztásakor kezdje el a kiegészítő vagy a hármas színeket . Állítson onnan. A jó színkombók olyan történetet mesélnek el, amely elmondja a történetet.
  6. Soha ne használjon valódi feketét (# 000000). A tiszta fekete nem létezik, így online módon nem megfelelőnek tűnik. A fekete a valóságban mindig egy másik szín sötét árnyalata.
  7. Soha ne használjon semleges szürkét (pl. #Cccccc), ha azt szeretné, hogy a design személyiség legyen. Adjon hozzá egy árnyalatot sárga, hogy melegséget nyújtson, pirosat, hogy energiát adjon, vagy kéket, hogy megteremtse a bizalmat.

Félelmetes tipográfia

  1. Válasszon prémium betűtípust . Használjon olyan szolgáltatást, mint a Typekit. Azt mondták, hogy a web 95% -a tipográfia. A prémium betűtípus használata a legegyszerűbb és legolcsóbb módja annak, hogy jó benyomást keltsen.
  2. Használjon max . 2-3 betűtípust . Több rendetlen és lelassítja a betöltési időt. Válasszon fejléc és egy bekezdés betűtípust. Még egy, ha speciális esetekhez szeretne betűtípust.
  3. Állítsa be a törzs betűméretét legalább 16 képpontnál . Bármi kisebb, nehezen olvasható a nagy kijelzőkön. Kicsinyítés 12 képpontig mobileszközökön.
  4. Válasszon olyan tipográfiai skálát, mint a kibővített negyedik, tökéletes ötödik vagy aranyarány. A skála segítségével állítsa be a bekezdések szövegének, H4, H3, H2 és H1 betűméretét. Ezen a skálán alapozza meg a vonalmagasságát és a szöveg margóit.
  5. Tervezzen más tipográfiai elemeket, például blokkjegyzeteket, felsorolással ellátott listákat, számozott listákat, feliratokat, súgószövegeket, figyelmeztetéseket, kiemelt szöveget, kódmintákat, rövidítéseket és még címeket is.
  6. Telepítsen egy egyedi ikon betűtípust, például a Font Awesome, ahelyett, hogy képeket használna olyan általános elemekhez, mint a közösségi média logói, navigációs gombjai és interaktív grafikái. Az ikon betűtípusa gyorsabban töltődik be, végtelenül skálázódik, és szabadságot ad a színének tetszés szerinti megváltoztatására.

Félelmetes elrendezések

  1. Az alapelrendezéshez használja a harmadok szabályát . Ossza elrendezését harmadokra vízszintesen és függőlegesen, majd igazítsa a fő fókuszpontokat oda, ahol a vonalak metszenek.
  2. Függőleges rács fenntartása rácsrendszerrel. Bontsa fel a kezelőfelületét 8, 12, 16 oszlopos elrendezésre, az oszlopok között nagy ereszcsatornákkal.
  3. Tartson konzisztens függőleges ritmust az alapvonal rácsával . A szövegsorok közötti távolság ugyanolyan fontos, mint a tartalomblokkok közötti tér. Minden szövegsornak margóval kell lennie az alján, amely az alapvonalon helyezkedik el.
  4. A fehér tér luxus. A légzőterem és az egyensúly megteremtésére szolgál. Felhívja olvasói figyelmét arra, ami a legfontosabb.
  5. Kiegyensúlyozza a webhely vizuális elemeit , például a gombokat, az inputokat, az űrlapokat, a címsorokat stb. Képesnek kell lennie elhomályosítani a szemét, és nyomon követni azt az utat, amelyet a felhasználók követni kívánnak.

Félelmetes felhasználói felületek

  1. Használjon nagy, merész cselekvésre ösztönző gombokat . Minden oldalnak egy célja kell legyen. Szinte mindig egy gombra kell kattintani. Ügyeljen arra, hogy ezt a gombot ne hagyja ki.
  2. Adja az egérmutatót és az aktív állapotokat linkjeihez, gombjaihoz, bemeneteihez és szövegterületeihez. Ha úgy dönt, hogy könnyebbé teszi a gombokat az egérrel, akkor meg kell könnyítenie a linkeket és a bemenetek szegélyeit is.
  3. Legyen összhangban a forma stílusával . Az összes szöveges mezőt és beviteli mezőt meg kell egyezni. Ugyanazok a szegélyszínek, háttérszínek az egérmutatón, az aktív, helyőrző szövegeken, az aktív szövegeken stb.
  4. Változtassa meg a meglátogatott linkek színét , hogy tudassa a felhasználóval, hogy már járt az adott oldalon.
  5. Miután megkapta a logót, a színeket, a tipográfiát, az elrendezést és a képméretet, készítsen stílusstílust . A jó felhasználói felületek konzisztens összetevőkből épülnek fel, amelyek mindig ugyanolyan stílusúak.

Félelmetes felhasználói élmény

  1. Adjon mikrointerakciókat a gombokhoz és más mezőkhöz. Például egy „Feltöltés” ​​gombnak „Feltöltés” ​​vagy „Feldolgozás” értékre kell váltania, miután rákattintott.
  2. Nincs tekercselés ! Soha ne keveredjen a böngésző alapértelmezett viselkedésével. Azt gondolhatja, hogy jó, ha kétszer gyorsabban görget a szokásosnál, de nem az.
  3. Megszabadulni a kezdőlap csúszkájától . Csökkentik a konverziókat, és vannak jobb módszerek arra, hogy több információt jelenítsenek meg kis helyen.
  4. Soha ne használjon üdvözlő kaput . Amikor első alkalommal látogatja meg honlapját, a felhasználó elvárja, hogy meglátogassa az Ön honlapját.
  5. Használjon címsorokat, alcímeket, vezető bekezdéseket, listákat és feliratokat , hogy tartalma könnyen beolvasható legyen. A legtöbb olyan ember, aki felkeres egy weboldalt, még azelőtt elolvassa, mielőtt elolvassa.
  6. Adjon leíró helyőrző szöveget az összes űrlapjához, beviteléhez és legördülő menüjéhez. Ha azt szeretné, hogy valaki egy mezőt egy bizonyos módon kitöltsön, mondja meg neki. A legördülő menüben vagy a kijelölt mezőkben tegye leíróvá az első lehetőséget. A „Select Year” jobb, mint a „2016”.
  7. Adjon hozzá HTML5-ellenőrzést az űrlapjaihoz, hogy egyértelművé váljon, ha hiba lép fel az űrlapban, miután a felhasználó megpróbálja elküldeni.
  8. Tegye hozzáférhetővé weblapjait a gyengénlátók számára azáltal, hogy elkerüli a homályos linkneveket, csökkenti a rendetlenséget, elválasztja az írásjeleket, egyszerű elrendezést tart, alternatív szöveget ad a képekhez, nagyobb szöveget használ, és a szöveg és a háttér színei között nagy a kontraszt.
  9. Ellenőrizze webhelyét, hogy vannak-e megszakadt hivatkozások a BrokenLinkCheck.com webhelyen. Javítsa ki a megszakadt hivatkozásokat, hogy az emberek ne haragudjanak meg, amikor rájuk kattintanak.

Félelmetes fejlődés

  1. Győződjön meg arról, hogy webhelye mobileszközökre van optimalizálva, hogy bármilyen eszközön reagálva jelenjen meg. A megfelelően mobilra optimalizált webhelyek gyorsabban töltődnek be, magasabb rangúak, és jobb élményt nyújtanak a felhasználóknak.
  2. Generálja és jelenítse meg az optimális képméretet . Ha nagy képet tölt fel, például egy blogbejegyzés funkció képét, és azt a webhely más helyein szeretné megjeleníteni, például az oldalsávon, győződjön meg arról, hogy a teljes méretű kép helyett a kép miniatűr változatát jeleníti meg.
  3. Adjon hozzá alt és title címkéket az összes képhez és linkhez . Ha valamilyen oknál fogva egy kép nem töltődik be, webhelye az alt szöveget jeleníti meg a helyén. Továbbá, amikor a hivatkozások fölé viszi az egérmutatót, a böngésző megjeleníti a hivatkozás címkéjét.
  4. Használjon egy d helyett , és a merész és dőlt szöveg. Ugyanaz a hatásuk, de alapvető különbségük van. egy stílus. jelzi, hogy valamit meg kell érteni.
  5. Javítsa a hanyag HTML-t . Ha másol egy tartalmat egy WYSIWYG szerkesztőbe (például a WordPress vizuális nézetéhez), az sok felesleges tartományt és beillesztett stílust ad hozzá. Túlóra, webhelye olvashatatlanná válik.
  6. Apropó, távolítsa el a belső stílusokat a HTML-ből. Az esetek 99% -ában a stílusszabályoknak CSS-fájlba kell kerülniük, így az összetevők összes példányát egyszerre frissítheti az oldalanként, soronként.
  7. Használjon Sass változókat CSS helyett, hogy a színek és más összetevők konzisztensek maradjanak az egész webhelyen. Szeretne megváltoztatni egy színt és a szín minden árnyalatát? Frissítsen egy sort több száz helyett.
  8. Link tartós linkekre, nem URL-ekre , ha domain váltana. Például egy bizonyos oldalra történő hivatkozáskor a HTML-nek kell olvasnia, nem pedig. Képforrások és CSS háttér esetén ugyanaz. Ha ezt nem teszi meg, és új webhelyre helyezi a webhelyet, akkor az összes forrás olyan oldalakra és fájlokra fog hivatkozni, amelyek már nem léteznek.
  9. Készítsen egyedi plugint vagy eszközt, hogy egyedi funkcionalitást biztosítson a webhelyének. Az egyedi szoftvereket nehéz fenntartani, de versenyelőnyt biztosítanak Önnek a hasonló webhelyekkel szemben.
  10. Tesztelje a böngészők közötti kompatibilitást azzal, hogy megbizonyosodik arról, hogy webhelye megfelelően jelenik meg a Chrome, Firefox, Safari, Internet Explorer és más böngészőkben. Az IE régebbi verziói köztudottan rosszul mutatják a weboldalakat. Használja a BrowserStack alkalmazást, és ellenőrizze manuálisan.
  11. Használjon W3C Markup Validation Service-t , hogy feltűnő hibákat találjon a HTML-jében. Ne feledje, hogy a legtöbb webhelyen nincs tökéletesen érvényes HTML. Ez nem az elsődleges prioritás, de jó érzékkel szolgál, ha vannak hibák.
  12. Állítson be egy átmeneti környezetet az aktuális webhely módosításához. Ideális esetben rendelkeznie kell egy termelőhellyel, amelyet mindenki lát, és egy állomáshellyel, ahol a fejlesztő változtatásokat végez. Miután a változtatások életbe léphetnek, állítsa az állomáshelyet a gyártásra.
  13. Itt található az adott évben a szerzői lábléc . Ha egy régi szerzői joggal rendelkező webhelyet lát, akkor feltételezi, hogy az már nem aktív. Használjon PHP-t vagy hasonló szkriptet az aktuális év megjelenítéséhez statikus szöveg helyett (pl. © -).

Félelmetes keresőoptimalizálás

  1. Válasszon egy kulcsszó-kifejezést oldalanként , amelynek rangsorolásához az adott oldalt szeretné. Összpontosítson az oldal minden aspektusának optimalizálására az adott kulcsszóhoz. Nem minden mondatban ezt a kulcsszót tedd. Legyen okos abban, hogy hogyan szeretné rangsorolni.
  2. Állítson kulcsszavakban gazdag címkéket minden oldalon. A cím kék linkként jelenik meg a Google keresési eredményei között. Korlátozás 55 karakterre.
  3. Adjon meg egy és csak egy H1 címkét oldalanként. A legtöbb esetben ez megegyezik a címcímkével.
  4. Vegyen fel rengeteg H2-t, H3- at és H4-et az oldal tartalmába az alcímek és a vizuális hierarchia létrehozásához.
  5. Optimalizálja oldalát egy adott kulcsszóhoz úgy, hogy felveszi azt a címbe, a H1-be, az alcímekbe és a tartalom első 1/3 -ába.
  6. A metaleírás a keresési eredmények között a link alatt található leírásként jelenik meg. Győződjön meg róla, hogy minden oldalon szerepel, és tartalmazza a kulcsszó kifejezést.
  7. Az állandó linknek , amely a domain utáni URL (azaz domain.com/permalink-here/), kötőjelekkel elválasztva kell tartalmaznia a kulcsszó kifejezést.
  8. A Google algoritmusában figyelembe veszi a domain életkorát , mert a sok éven keresztül regisztrált domain valószínűleg jobb minőségű erőforrás. Regisztrálja domainjét előre több évre. Ha 10 évig regisztrálta domainjét, akkor komolyan gondolja vállalkozását.
  9. Átlagosan a SERP (keresőmotor találati oldal) első eredménye minden kulcsszóra egy oldalra vezet, amely oldalanként több mint 2000 szót tartalmaz . Amikor blogbejegyzést ír vagy olyan oldalt hoz létre, amelyet jól szeretne rangsorolni, próbáljon legalább 2000 szót eltalálni.
  10. Mindig hozzon létre egy webhelytérképet sitemap.xml fájlként, és tegye a gyökérkönyvtárba, hogy az a domain.com/sitemap.xml webhelyen jelenjen meg. Megmondja a Google-nak, hogy hol található az összes oldala, és automatikusan frissülnie kell, amikor új tartalmat ad hozzá. Küldje el a Google-nak a Webmestereszközökön keresztül.
  11. Adja hozzá webhelyét a Google Webmestereszközökhöz, így láthatja, hogyan indexeli a Google a webhelyet, és naprakészen maradhat, ha bármilyen kritikus probléma merül fel.
  12. A képek rangsorolásának elősegítése érdekében mindig nevezze át képeit és egyéb fájljait, mielőtt feltöltené a webhelyére (pl. Rank_for_this_keyword_phrase.png).
  13. Vegyen fel egy robots.txt fájlt a webhelyére, hogy elmondja a webrobotoknak, mely oldalakat kell és nem szabad indexelniük.
  14. Adjon kanonikus átirányítást, hogy a nem www-t a webhelyének www-verziójához mutassa, vagy fordítva.
  15. Kutasson és integráljon minden oldalra LSI kulcsszavakat (látens szemantikus indexelés), hogy ez segítse az oldal rangsorolását a fő kulcsszó kifejezésnél. Keresse meg az LSI kulcsszavakat a kulcsszó kifejezés keresésével a Google-on, és keresse meg a „… -hoz kapcsolódó keresések” linkeket.
  16. Ügyeljen arra, hogy aktívan kapcsolja össze a tartalmát . A webhely minden oldalának elérhetőnek kell lennie három vagy kevesebb kattintással a kezdőlapról.
  17. Adjon strukturált adatokat a releváns oldalakra, hogy segítse a Google-t a tartalom megfelelő indexelésében. Azok az oldaltípusok, amelyekhez egyedi strukturált adatokra van szükség, emberek, termékek, események, szervezetek, filmek, könyvek és vélemények. Strukturált adatok előállításához használja a Séma létrehozót.
  18. Ellenőrizze a Google PageSpeed ​​Insights szolgáltatását , hogy megbizonyosodjon arról, hogy kijavította-e az összes olyan problémát, amely lelassítja az oldal sebességét. Minél gyorsabban töltődik be a webhely, annál magasabb lesz a rangsora.

Félelmetes oldalsebesség

  1. Tartsa az oldal súlyát 2 MB alatt . Használja a tools.pingdom.com webhelyet az elsődleges céloldalak tömegének ellenőrzéséhez. Bármi, ami meghaladja a 2 MB-ot, túl nehéz.
  2. Az oldaligénylések 50 alatt maradnak . Minden fájl és kép egy adott oldalon HTTP kérés. Minél kevesebb a kérések száma, annál gyorsabban töltődik be. Az átlagos weboldal 70 kérést tartalmaz. A GTmetrix segítségével megtekintheti kéréseit.
  3. Tervezzen oldalelemeket háttérképek helyett CSS- sel . Soha ne használjon képet gomb, űrlap vagy más általános összetevő megjelenítésére a webhelyén. A CSS gyorsabban töltődik be, és rugalmasabb az adaptív elrendezésekben.
  4. Optimalizálja a képeket, mielőtt feltöltené azokat a webhelyére. Az olyan eszközök, mint a TinyPNG, 80–95% -kal csökkenthetik a képfájlok méretét anélkül, hogy elveszítenék a felbontást vagy a képminőséget.
  5. Hozzon létre egy tartalomszolgáltató hálózatot, hogy képeit és más nagyobb fájljait a világ több pontján tárolja. A CDN-ek stratégiai elhelyezkedésű szerverekről tárolják és szállítják a fájlokat, hogy maximalizálják a betöltési sebességet, a látogató fizikai helyétől függően.
  6. Csökkentse a JavaScript, a HTML és a CSS használatát fordító és tömörítő eszközök használatával, mielőtt fájlokat töltene fel a webhelyére. JavaScript használatához használja a Bezárás fordítót. HTML esetén használja a HTML Minifier alkalmazást. CSS esetén használja a YUI Compressor szoftvert.
  7. A megjelenítést blokkoló JavaScript áthelyezése a láblécbe . Az egyetlen szkript, amelyet a fejlécbe kell helyezni, azok a szkriptek, amelyek azonnal befolyásolják az oldal kialakítását (pl. Egyéni betűtípusok).
  8. Kerülje a céloldal átirányítását . Az átirányítások további HTTP-kérést váltanak ki, amely késlelteti az oldalak megjelenítését.
  9. Használja ki a böngésző gyorsítótárát azáltal, hogy lejárati dátumokat állít be azokra az oldalakra és oldaltípusokra, amelyeket nem frissítenek gyakran. A böngésző gyorsítótárazása arra utasítja a böngészőt, hogy a korábban letöltött oldalakat a helyi lemezről töltse be, nem pedig a hálózaton keresztül.
  10. Engedélyezze a gzip tömörítést a szerver konfigurációjában. A tömörítés 90% -kal csökkentheti az átvitt válaszidőt, ami javítja az oldalak első rendereléséhez szükséges időt.
  11. Engedélyezze a Keep-Alive szolgáltatást a kiszolgáló beállításainál, hogy ugyanaz a TCP-kapcsolat több HTTP-kérést küldhessen és fogadhasson, ezzel csökkentve a későbbi kérések késését.
  12. Frissítsen dedikált szerverre vagy prémium szintű tárhelyszolgáltatásra a szerver válaszidejének javítása érdekében. Ha megosztott tárhely-környezetet használ, a webhelye általában ugyanazon a kiszolgálón található százak egyike. Ha a száz webhely bármelyike ​​nagy forgalmat tapasztal, ez lelassítja az oldal sebességét.

Félelmetes grafikai tervezés

  1. Szerezzen egyéni e-könyv borítót a feliratkozási bónuszhoz. Nem nehéz létrehozni őket, és hatalmas változást hozhatnak a konverziós arányban.
  2. Tervezzen egyedi grafikát vagy illusztrációt a kezdőlap vagy az értékesítési oldalak számára. A kifejezetten a webhelyére készített szép illusztráció egyszerű módja annak, hogy emlékezetesebbé tegye webhelyét.
  3. Hozzon létre egyéni vagy egyedi blogbejegyzési funkciós képterveket . Ez a kép terjed a Facebookon, a Twitteren, a Pinteresten stb.
  4. Mutasson egyedi avatar-illusztrációkat vagy karikatúrákat saját maga és a csapata minden tagja számára. Az egyedi karikatúrák olcsóbbak lehetnek, mint egy profi fotós alkalmazása minden alkalommal, amikor valakit felvesz a csapatába. Ráadásul ez egy szép ajándék egy új csapattagnak.
  5. Az adatokat és egyéb tartalmat vizuálisan megjelenítő egyéni infografikák általában nagyobb forgalmat érnek el, mint a blogbejegyzések megfelelői. Az emberek szívesen megosztanak infografikákat olyan webhelyeken, mint a Pinterest, vagy újból közzéteszik saját webhelyeiken, visszacsatolva a webhelyére.
  6. Ha videót vagy videósort készít, akkor rendelkeznie kell egyedi video bevezetővel és / vagy outróval , hogy professzionális kapcsolatot biztosítson. Nem is beszélve más videografikákról vagy animációkról, amelyek elősegítik a márkád kitartását.

Félelmetes webbiztonság

  1. Telepítsen egy SSL-tanúsítványt a biztonságos kapcsolat engedélyezéséhez a webszerverről a böngészőhöz. A legtöbb pénztárszoftverhez SSL-tanúsítvány szükséges, ha hitelkártyát fogad el. A Google azt mondta, hogy az SSL-tanúsítvány javítja a keresési rangsorolást.
  2. Tartsa naprakészen a szoftvert és a beépülő modulokat . Amikor a WordPress és más CMS szoftver kiad egy frissítést, akkor általában a sebezhetőség javítását kell szolgálnia. Ha nem, csak idő kérdése, hogy feltörje-e webhelyét.
  3. Állítson be kettős hitelesítési bejelentkezési kaput az admin oldalaihoz. A legtöbb feltörés a bejelentkezési oldallal kezdődik.
  4. Ellenőrizze és távolítsa el a rosszindulatú programokat . Ha webhelyét korábban feltörték, valószínűleg korrupt fájlokat adtak hozzá, amelyeket nem könnyű megtalálni. Ha nem távolítja el azonnal, előfordulhat, hogy webhelyét a Google feketelistára helyezi, amely megőrzi rangsorát, és figyelmezteti a felhasználókat, hogy távozzanak, amikor ellátogatnak.
  5. Soha ne hagyja rendszergazdai felhasználónevét „admin” néven. Törölje az alapértelmezett rendszergazdai fiókot, és hozzon létre újat más felhasználónévvel.
  6. Rendszeresen készítsen biztonsági másolatot az adatbázis és a webhely fájljairól . A legtöbb biztonsági szoftver és beépülő modul csak az adatbázisáról készít biztonsági másolatot, amely tartalmazza az adatokat és a tartalmat. De ha elveszíti webhelyét, akkor a helyreállításhoz biztonsági másolatot kell készítenie a fájlokról.

Félelmetes tartalom

  1. Hozzon létre egy egyedi 404-es hibás oldalt, amely bármikor megjelenik, amikor a felhasználó megpróbál felkeresni egy nem létező oldalt. Használja a 404 oldalt, hogy visszairányítsa őket a kezdőlapra, vagy segítsen megtalálni, amit keres.
  2. A kezdőlapon kívül valószínűleg a körülbelül oldal a webhely leglátogatottabb oldala. Győződjön meg róla, hogy jól képviseli Önt és cégét.
  3. A kapcsolattartó oldal segít az embereknek abban, hogy kapcsolatba lépjenek veled, de bizalmat is kialakít Ön, látogatói és még a Google között. A webhely rangsorolásának meghatározásakor a botok megtalálják a kapcsolattartó oldalt, és megkeresnek egy e-mailt, telefonszámot és címet. A kapcsolattartási információk azt mondják a Google-nek, hogy a webhely valamivel megbízhatóbb.
  4. Jó, ha a jelentkezési űrlapokat stratégiailag szétszórják az egész webhelyén, de okos az is, ha egy olyan oldal van, amelyik csak magas konverziót igényel. Ha azt szeretné, hogy valaki iratkozzon fel, linkeljen arra az oldalra.
  5. Amikor valaki feliratkozik a listájára, mindenképpen küldje el egy megerősítő oldalra, amelyben kéri, hogy erősítse meg e-mailjét. Ha nem erősítik meg azonnal az e-mailjüket, elfelejthetik, és soha nem térnek vissza.
  6. Miután rákattintottak az e-mailben található megerősítő linkre, küldje el őket egy köszönő oldalra, ahol láthatják, mi következik. Ez egy olyan oldal, amelyet minden előfizető látni fog, és csak egyszer fog látni, így kiváló alkalom arra, hogy üzletet kössön vagy vásárlásra ösztönözze őket.
  7. Webhelyének vagy témájának rendelkeznie kell egy nyitóoldalsablonnal , amelyet akkor használhat, amikor a felhasználóknak egy adott művelet végrehajtására van szükség.
  8. Ha elad valamit, győződjön meg arról, hogy van egy szép megjelenésű értékesítési oldala . Kezdje egy címsorral. Tegyen helyet a hangmagasságának. Esetleg adjon hozzá egy értékesítési videót. És irányítsa az embereket az oldal aljára történő vásárlásra.

Félelmetes közösségi média

  1. Korlátozza a közösségi média gombok számát a bejegyzésein és az oldalain, mert minden gomb futtat egy szkriptet, amely extra betöltési időt ad az oldalnak. Csak azokat az 1–5 gombokat tartalmazza, pl. Facebook, Twitter, LinkedIn, Pinterest, Google+ stb., Ahol tartalmait leggyakrabban megosztják.
  2. Készítsen közösségi média grafikákat Facebook-oldalához, Twitter-fiókjához és YouTube-csatornájához. Az egyedi grafika azonnal pozitív benyomást kelt, amely arra ösztönzi az első látogatókat, hogy kedveljék, kövessék és feliratkozhassanak az oldaladra, profilodra vagy csatornádra.
  3. Állítsa be a Facebook Open Graph META címkéket , hogy megbizonyosodjon arról, hogy tartalmait megfelelően osztják-e meg a Facebookon. A Facebook hibakeresővel ellenőrizze a kezdőlapot, a bejegyzéseket és más oldalakat, hogy lássa, hogyan jelennek meg, ha valaki megosztja ezt az URL-t.
  4. Állítsa be a Twitter-kártyákat, hogy gazdag fotókat és videókat automatikusan csatolhasson tweetjeihez, amikor a webhelyen egy URL-címet osztanak meg. Kezdje el itt a Twitter-kártyákat.
  5. Állítsa be a Google+ kivonatokat, hogy személyre szabhassa, mit látnak az emberek, amikor webhelyét megosztják a Google + -on. Használja a kódrészlet útmutatót a kód előállításához. Még akkor is, ha webhelye nem kap nagy szeretetet a Google+ szolgáltatásban, a Google megtudja, hogy helyesen adja-e meg a metaadatokat, és ennek bizonyos súlya van.
  6. Távolítsa el a webhelyén található közösségi média ikonokat , amelyek visszavezetnek a profiljaihoz. Csinálja őket kicsiként, vagy csak a láblécben jelenítse meg őket. A közösségi média marketing célja, hogy az emberek visszakerüljenek az Ön webhelyére, és nem fordítva.

Rendben, mi hiányzik? Van valami, amit szabadúszóként vagy cégtulajdonosként tesz annak érdekében, hogy webhelyei félelmetesebbek legyenek?

Szeretném hallani a visszajelzését. Hagyj megjegyzést vagy tweetelj @wntart .

Ha úgy gondolja, hogy több embernek kellene látnia ezt a listát, kérjük, ajánlja. Tegyük félelmetesebbé az internetet!

Egészségére,

Nick

PS Ha segítségre van szüksége a lista bármelyikében, béreljen tervezőket ide vagy fejlesztőket. A világ legjobb szabadúszóinkkal rendelkezünk, és örömmel segítenek!

Ha szeretne csatlakozni az AwesomeWeb-hez szabadúszóként, hogy több ügyfelet szerezzen, regisztráljon itt.