6 zasad SEO, o których powinni pamiętać wyłącznie graficy
Opublikowany: 2020-01-07Spis treści
- 1 1. Jak projektować dla ludzi
- 2 2. Tworzenie wizualizacji przyjaznych dla urządzeń mobilnych
- 3 3. Czytelna i czytelna struktura
- 4 4. Wstaw wizualizacje
- 5 5. Ulubiona ikona
- 6 6. Psychologiczne zasady projektowania
- 6.1 Podsumowując:
Projektowanie graficzne to nie tylko tworzenie oszałamiającej strony internetowej; to coś więcej. Wyjątkowe jest wybranie odpowiedniego zestawu kolorów i układu, który zsynchronizuje cały pomysł biznesowy w efekt wizualizacji z równowagą wyglądu i pomocną funkcjonalnością.
Kiedy dokładnie wykonałeś te kroki; nie tylko sprawia, że Twoja witryna jest estetyczna, ale okazuje się bramą do większej liczby odwiedzających i zysków biznesowych.
Ale powstaje pytanie:
- Czy to wszystko, czego potrzebujesz, aby zaimponować Google?
- Czy wiesz, że Google nie interpretuje obrazów?
Pamiętając o takich wskazówkach, „w jaki sposób gigantyczna wyszukiwarka, taka jak Google, może rozpoznawać grafikę i przyznawać zasłużone rankingi Twojej witrynie?” W tym miejscu pojawia się SEO.
SEO pomaga w jasnej komunikacji z użytkownikami za pomocą grafiki. SEO pomaga wyszukiwarce dać wyobrażenie o Twojej marce i jej przesłaniu do docelowych użytkowników. Różne aspekty SEO mogą pomóc w jednym projekcie, włączyć grafikę zorientowaną na użytkownika i wywnioskować, że nie stworzysz czegoś, co nie będzie dalej wdrażane.
Firmy wolą wynajmować usługi SEO z Chicago , które mogą pomóc grafikom w optymalizacji optymalizacji przyjaznych treści. Jednak oczekiwanie, że specjalista SEO pokaże Ci każdy krok o każdej porze, jest stratą czasu i oznacza wyczerpanie zasobów. Każdy grafik, który chce wylądować na szczycie niszy, musi poświęcić swój czas i energię na naukę i badanie koncepcji SEO. Te wskazówki SEO pozwolą zaoszczędzić czas i stworzyć różnicę w doświadczeniu użytkownika i czynnikach w rankingu Google.
6 wskazówek SEO, które każdy grafik powinien ćwiczyć, aby zapewnić sobie trafny ranking w Google:
1. Jak projektować dla ludzi
Gdy szukasz znaczenia „projektowania graficznego” w Google, pojęcie to można podsumować następująco: „Projektowanie graficzne to proces komunikacji wizualnej i rozwiązywania problemów za pomocą typografii, fotografii i ilustracji”.
Projektowanie graficzne polega na przełożeniu formy tekstowej na format graficzny.
Zgodnie z definicją Wiki: „Skoncentruj się na zaprojektowaniu rozwiązania problemu”. Projektowanie, które przyciągnie czyjeś spojrzenie, jest dla nowicjuszy — pamiętaj o problemach użytkownika i o tym, jak Twój produkt lub usługa może być rozwiązaniem. Po zakorzenieniu się w tej strategii rozważasz projektowanie dla biznesu, łącząc aspekty potrzeb, trendów i rodzaju usługi produktowej. Twój projekt powinien przekazywać wszystkie te rzeczy w idealnej równowadze kolorów, treści i efektów wizualnych. Nie za dużo, nie za mało. Wystarczająco.
2. Tworzenie wizualizacji przyjaznych dla urządzeń mobilnych
Od 2016 roku, kiedy wyszukiwanie w internecie mobilnym przewyższyło wyszukiwanie na komputerach, Google dodał do listy czynników rankingowych projekty zorientowane na urządzenia mobilne. Są jeszcze trzy powody, dla których warto przyjąć podejście mobile-first podczas projektowania:
- 70% dostępu do internetu pochodzi z urządzeń mobilnych.
- 51% konsumentów preferuje urządzenia mobilne do wyszukiwania nowych marek i produktów (BrightEdge 2017)
- Według spisu Google z 2018 r. 80% użytkowników smartfonów decyduje się na zakupy w firmach, których witryny lub aplikacje mobilne rozwiązują problemy (jeśli występują).
Czytając te fakty, można by się zastanawiać nad korelacją tworzenia grafiki przyjaznej urządzeniom. Według badań nad projektowaniem graficznym firmy, które intensywnie koncentrują się na projektowaniu graficznym, przewyższają firmy niezwiązane z projektowaniem o 200%. Podkreśla również, że atrakcyjna dla oka grafika wywiera długotrwałe i godne zaufania wrażenie na użytkownikach – i nie można zaprzeczyć wpływowi doświadczenia użytkownika na statystyki Google i jego statyczne preferencje wobec niego.
Powstaje więc pytanie, „jak sprawić, by grafika działała dla użytkowników mobilnych?” Szerokość ekranu może pozostawiać trochę mniej miejsca na zrobienie wrażenia, ale nadal masz szansę na stworzenie projektu godnego uwagi. Pytanie brzmi: jak sprawić, by grafika działała dla użytkowników mobilnych? Tutaj masz niewielkie szanse, aby zaimponować użytkownikom ze względu na małe ekrany.
Te siedem mobilnych trendów graficznych na rok 2020 pomoże Ci zaprojektować lepszą grafikę na małe ekrany:
- Kolory pełne emocji
- Figury geometryczne
- abstrakcyjne wzory
- Jasne i ciemne kontrastowe kolory
- Jasność na minimalnym poziomie
- Ręcznie rysowane ilustracje lub projekty
- Prawdziwe fotografie
3. Czytelna i czytelna struktura
Użytkownicy mają do czynienia z wieloma stronami internetowymi i aplikacjami; nikt nie czytał słowo po słowie, aby zrozumieć Twój biznes. Wszystko zależy od tego, co widzą i jak to widzą. To wpływ projektu pomaga im zdecydować, czy powinni zostać, aby przeczytać więcej, czy nacisnąć przycisk Wstecz. Na tym etapie kluczową rolę może odgrywać dowolny element treści, na przykład słowa, obrazy, animacje lub filmy.
Tak więc skanowalność jest jednym z krytycznych czynników użyteczności sieci. To sposób prezentacji treści i elementów, które pomagają użytkownikom zeskanować projekt zgodnie z ich życzeniami.
Różne badania wzorców śledzenia wzroku użytkowników ujawniły trzy popularne sposoby, w jakie użytkownicy przeglądają stronę internetową:
- Wzór Z
Z Pattern to typowy wzór oczu użytkowników, ale projektanci stron internetowych unikają jego implementacji, ponieważ nie pozostawia wiele miejsca na połączenie treści i elementów wizualnych. Jeśli jesteś pewien, że ilość treści jest za mała, to tylko Ty musisz przyjąć ten schemat.
- Zygzakowaty wzór
Wiele stron internetowych ma ten wzór wspólny. Ponadto oferuje więcej miejsca na wstawianie treści i elementów wizualnych bez zakłócania śledzenia ruchów gałek ocznych użytkowników.
- Wzór F
Ten jest zbyt powszechny, dając więcej miejsca na treść.
Wybierz dowolny z tych wzorców i połącz go z wizualną hierarchią, aby nadać swojej witrynie ludzki charakter.
- Zrozumienie hierarchii wizualnej:
Hierarchia wizualna porządkuje i porządkuje treść w formie najbardziej odpowiadającej ludzkiej percepcji. Np. artykuły używają najpierw nagłówków, potem podtytułów, a na końcu bloków tekstu. Pozwala użytkownikom zeskanować nagłówek i podtytuły, aby zrozumieć, czy artykuł jest pomocny, czy nie. Prezentacja nagłówków i podtytułów zadecyduje o tym, czy użytkownik zostanie, czy odejdzie. Korzystaj z nich mądrze.
4. Wstaw wizualizacje
Każdy projektant powinien zadać sobie kilka pytań, np.
- „Który z poniższych elementów wizualnych jest bardziej atrakcyjny?”
- Jaki i jak powinien wyglądać tekstowy opis produktu?
- Czy ma to być prezentacja wideo lub graficzna (jak reklama telewizyjna) tego produktu?
Gdy zagłębisz się w takie badania na ich temat, możesz zagłębić się w znalezienie odpowiedzi poprzez skrajny korzeń. Dzieje się tak dlatego, że wizualizacje mają większą moc niż tekst — przetwarzanie zawartości wizualnej w mniej obciążonym obszarze mózgu. Niektóre z interesujących faktów to:
- 90% wszystkich informacji przekazywanych do mózgu to informacje wizualne
- Ludzie przetwarzają obrazy 60 000 razy szybciej niż tekst
- Ludzie wyczuwają scenę wizualną w ciągu 1/10 sekundy
- Mózg szybko skanuje obrazy trwające zaledwie 13 milisekund
- Ludzkie oko może uchwycić 36 000 komunikatów wizualnych na godzinę
Jakich jeszcze powodów potrzebujesz, aby wstawić wizualizacje na swojej stronie internetowej?
Postępuj zgodnie z tymi dziesięcioma wskazówkami podczas korzystania z elementów wizualnych w kolejnym projekcie .
- Wstaw zdjęcia
- Nadaj swoim wizualizacjom odpowiednią nazwę pod „tekstem alternatywnym”, aby wyszukiwarki rozpoznały ich trafność.
- Umieść kilka cytatów dla motywacji.
- Infografiki są lepsze niż długie treści.
- Animowane GIF-y natychmiast przyciągają wzrok.
- Wizualne wskazówki, takie jak linie i strzałki, sprawiają, że użytkownicy zostają i eksplorują przez długi czas
- Unikaj używania jasnych kolorów.
- Opowiadaj historie za pomocą elementów wizualnych (jak reklama telewizyjna)
- Upewnij się, że wszystkie elementy wizualne przekazują zamierzone komunikaty.
- Umieść wezwanie do działania na końcu niektórych atrakcyjnych materiałów wizualnych.
5. Ulubiona ikona
Favicon to ikona związana z marką i jej stroną internetową. Znajduje się w pasku adresu przeglądarki lub obok nazwy witryny.
Favicon pomaga użytkownikom odróżnić Twoją witrynę od tuzina innych kart otwartych w tej samej przeglądarce. Użytkownicy łatwo zapamiętują i rozpoznają Twoją witrynę za pomocą favicon.
Postępuj zgodnie z tymi czterema cennymi wskazówkami, projektując niezapomnianą favikonę.
- Proszę, aby był prosty i łatwo rozpoznawalny (jak Amazon)
- Litera lub ikona marki wykona dobrą robotę
- Zaprojektuj go na przezroczystym płótnie o wymiarach 512 x 512 pikseli w programie Photoshop
- Powinien być ostry, mały, ale wyraźny dla ludzkiego oka
6. Psychologiczne zasady projektowania
Sukces każdego projektu zależy od jego docelowych odbiorców. Dlatego kluczowe znaczenie ma zrozumienie ludzkich wzorców myślenia; w tym miejscu pojawia się psychologia człowieka. Narzędzia i techniki mogą się zmieniać w czasie, ale psychologia człowieka pozostaje taka sama.
Np. użytkownicy nadal lubią historie, ale dziś wolą je w formie wizualnej niż czytać całą książkę. Twoim celem jako grafika jest połączenie psychologii człowieka i połączenie jej z trendem budowania aktualnej strony internetowej.
Podsumowując:
Każdy, kto ma dyplom z projektowania, może projektować, ale bycie wizualizatorem wymaga umiejętności, kreatywności i inteligentnej strategii. Każdy grafik, który chce postawić na twardą stopę, powinien upewnić się, że jego projekty mają odpowiednią mieszankę kreatywności i strategii SEO , która przynosi korzyści w celu zapewnienia dobrych rankingów w wyszukiwarkach. Oznacza to, że kuratorstwo projektu i treści jest jak najbardziej zrozumiałe dla docelowych odbiorców, a jednocześnie spełnia cel marki.