그래픽 디자이너만 염두에 두어야 할 6가지 SEO 규칙

게시 됨: 2020-01-07

목차

  • 1 1. 인간을 위한 디자인 방법
  • 2 2. 모바일 친화적 비주얼 제작
  • 3 3. 스캔 가능하고 읽을 수 있는 구조
  • 4 4. 비주얼 삽입
  • 5 5. 파비콘
  • 6 6. 디자인의 심리학적 원리
    • 6.1 요약:

그래픽 디자인은 단순히 멋진 웹사이트를 만드는 것이 아닙니다. 그 이상입니다. 전체 비즈니스 아이디어를 모양과 유용한 기능의 균형을 갖춘 시각화 효과로 동기화하는 올바른 색상 및 레이아웃 세트를 선택하는 것은 예외적입니다.

이 단계를 정확하게 따랐을 때; 그것은 귀하의 웹사이트를 미학적으로 즐겁게 만들 뿐만 아니라 더 많은 방문자와 비즈니스 이익을 위한 관문임을 증명합니다.

그러나 질문이 생깁니다.

  • 이것이 Google에 깊은 인상을 남기기 위해 필요한 전부입니까?
  • Google이 이미지를 해석하지 않는다는 사실을 알고 계십니까?

'Google과 같은 거대한 검색 엔진이 어떻게 그래픽을 인식하고 귀하의 사이트에 합당한 순위를 부여할 수 있습니까?' 이것은 SEO가 그림에 들어오는 곳입니다.

SEO는 그래픽을 통해 사용자와 명확하게 소통할 수 있도록 도와줍니다. SEO는 검색 엔진이 대상 사용자에게 브랜드 및 메시지에 대한 아이디어를 제공하도록 도와줍니다. SEO의 다양한 측면은 하나의 디자인을 돕고, 사용자 지향 그래픽을 통합하고, 더 이상 구현되지 않을 무언가를 만들지 않도록 추론할 수 있습니다.

회사는 친근한 콘텐츠를 최적화하는 큐레이팅에서 그래픽 디자이너를 안내할 수 있는 Chicago SEO 서비스를 고용하는 것을 선호합니다. 그러나 SEO 전문가가 모든 단계에서 항상 당신을 보여줄 것이라고 기대하는 것은 시간 낭비이며 리소스를 고갈시키는 것을 의미합니다. 틈새 시장의 정점에 도달하려는 모든 그래픽 디자이너는 SEO 개념을 배우고 탐구하는 데 시간과 에너지를 투자해야 합니다. 이러한 SEO 팁은 시간을 절약하고 사용자 경험과 Google 순위 요인에 차이를 만듭니다.

모든 그래픽 디자이너가 Google에서 정확한 순위를 확보하기 위해 연습해야 하는 6가지 SEO 팁:

1. 인간을 위한 디자인 방법

Google에서 '그래픽 디자인'의 의미를 검색하면 개념은 다음과 같이 요약됩니다.

그래픽 디자인은 텍스트 형식을 그래픽 형식으로 해석하는 것입니다.

Wiki의 정의에 따르면 '문제에 대한 솔루션 설계에 중점을 둡니다.' 누군가의 시선을 사로잡는 디자인은 초보자를 위한 것입니다. 사용자의 문제와 제품 또는 서비스가 솔루션이 될 수 있는 방법을 염두에 두십시오. 이 전략에 익숙해지면 요구 사항, 추세 및 제품 서비스 유형의 측면을 주입하여 비즈니스를 위한 디자인을 고려합니다. 귀하의 디자인은 색상, 콘텐츠 및 시각적 요소의 완벽한 균형으로 이러한 모든 것을 전달해야 합니다. 너무 많지도, 너무 적지도 않습니다. 적당한.

2. 모바일 친화적 비주얼 제작

모바일 인터넷 검색이 데스크톱 검색을 능가한 2016년부터 Google은 순위 요인 목록에 모바일 우선 디자인을 추가했습니다. 설계하는 동안 모바일 우선 접근 방식을 채택해야 하는 세 가지 이유가 더 있습니다.

  • 인터넷 액세스의 70%는 모바일에서 이루어집니다.
  • 소비자의 51%는 새로운 브랜드와 제품을 검색하기 위해 모바일 장치를 선호합니다(BrightEdge 2017).
  • 스마트폰 사용자의 80%는 2018년 Google 인구 조사에 따라 문제를 해결하는 모바일 사이트 또는 앱이 있는 회사에서 구매를 선택합니다.

이러한 사실을 읽으면 장치 친화적인 그래픽 생성의 상관 관계에 대해 궁금해할 수 있습니다. 그래픽 디자인에 대한 연구에 따르면 그래픽 디자인에 중점을 둔 회사는 디자인에 중점을 두지 않은 회사를 200% 능가합니다. 또한 눈을 사로잡는 그래픽은 사용자에게 오래 지속되고 신뢰할 수 있는 인상을 남기며 사용자 경험이 Google 분석에 미치는 영향과 정적 선호도를 부정할 수 없다는 점을 강조합니다.

그래서 '어떻게 모바일 사용자를 위한 그래픽 디자인 작업을 할 수 있을까?'라는 질문이 생깁니다. 화면의 너비는 인상을 남길 수 있는 공간이 약간 적을 수 있지만 여전히 영향력 있는 디자인을 만들 수 있는 기회가 있습니다. 따라서 문제는 모바일 사용자를 위해 그래픽 디자인 작업을 수행하는 방법입니다. 여기에서는 작은 화면 때문에 사용자에게 깊은 인상을 줄 기회가 거의 없습니다.

2020년의 7가지 모바일 우선 그래픽 트렌드는 작은 화면을 위한 더 나은 비주얼을 디자인하는 데 도움이 될 것입니다.

  • 감성 가득한 색상
  • 기하학적 모양
  • 추상 패턴
  • 밝고 어두운 대비 색상
  • 최소 수준의 밝기
  • 손으로 그린 ​​삽화 또는 디자인
  • 실제 사진

Blurbpoint 블로그 CTA

3. 스캔 가능하고 읽기 쉬운 구조

사용자는 많은 웹사이트와 앱을 다룹니다. 귀하의 비즈니스를 이해하기 위해 한 단어씩 읽지 않습니다. 그들이 보는 것과 보는 방식에 관한 것입니다. 계속해서 더 읽어야 하는지 아니면 뒤로 버튼을 눌러야 하는지 결정하는 데 도움이 되는 것은 디자인의 영향입니다. 단어, 이미지, 애니메이션, 동영상 등 모든 콘텐츠가 이 단계에서 중추적인 역할을 할 수 있습니다.

따라서 검색 가능성은 웹 사용성의 중요한 요소 중 하나입니다. 사용자가 원하는 대로 디자인을 스캔하는 데 도움이 되는 콘텐츠와 요소를 제시하는 방법입니다.

사용자의 시선 추적 패턴에 대한 다양한 연구에서 사용자가 웹 페이지를 스캔하는 세 가지 일반적인 방법을 공개했습니다.

  • Z 패턴

Z 패턴은 사용자의 일반적인 눈 패턴이지만 웹 디자이너는 콘텐츠와 시각적인 조합을 위한 여지를 많이 남기지 않기 때문에 구현을 기피합니다. 콘텐츠 양이 너무 적다고 확신하는 경우에만 이 패턴을 채택해야 합니다.

  • 지그재그 패턴

많은 웹사이트에서 공통적으로 이러한 패턴을 가지고 있습니다. 또한 사용자의 시선 추적 동작을 방해하지 않으면서 콘텐츠와 영상을 삽입할 수 있는 더 많은 공간을 제공합니다.

  • F 패턴

이것은 너무 일반적이어서 콘텐츠를 위한 더 많은 공간을 만듭니다.

이 패턴 중 하나를 선택하고 시각적 계층 구조와 결합하여 웹 사이트에 인간적인 느낌을 줍니다.

  • 시각적 계층 구조 이해:

시각적 계층 구조는 가장 인간이 인지할 수 있는 형태로 콘텐츠를 정렬하고 구성합니다. 예를 들어, 기사는 헤드라인을 먼저 사용하고 부제목을 사용하고 마지막으로 복사 블록을 사용합니다. 사용자는 제목과 부제목을 스캔하여 기사가 도움이 되는지 여부를 이해할 수 있습니다. 헤드라인과 부제목의 표시는 사용자가 머무를 것인지 떠날 것인지를 결정합니다. 현명하게 사용하십시오.

4. 비주얼 삽입

모든 디자이너는 다음과 같은 몇 가지 질문을 스스로에게 던져야 합니다.

  • '다음 중 어떤 비주얼이 더 끌리나요?'
  • 제품에 대한 텍스트 설명은 무엇이며 어떻게 해야 합니까?
  • 해당 제품의 비디오 또는 그림 표현(예: TV 광고)이어야 합니까?

그런 것들에 대한 연구에 뛰어들다 보면 극단적인 뿌리를 통해 답을 찾는 데 파고들 수도 있다. 시각 자료는 텍스트보다 더 많은 힘을 가지고 있기 때문입니다. 시각 콘텐츠는 뇌의 덜 바쁜 영역에서 처리됩니다. 몇 가지 흥미로운 사실은 다음과 같습니다.

  • 뇌로 전달되는 전체 정보의 90%는 시각 정보입니다.
  • 인간은 텍스트보다 60,000배 더 빠르게 시각 자료를 처리합니다.
  • 인간은 10분의 1초에 시각적 장면의 감각을 얻습니다.
  • 뇌는 13밀리초 동안만 지속되는 이미지를 빠르게 스캔합니다.
  • 인간의 눈은 매시간 36000개의 시각적 메시지를 포착할 수 있습니다.

웹사이트에 시각적 요소를 삽입해야 하는 이유가 더 필요합니까?

다음 디자인에서 시각 자료를 사용하는 동안 다음 10가지 팁을 따르십시오 .

  • 사진 삽입
  • 검색 엔진이 관련성을 인식할 수 있도록 "대체 텍스트" 아래에 시각적 개체에 적절한 이름을 지정합니다.
  • 동기 부여를 위해 몇 가지 인용문을 입력하십시오.
  • 인포그래픽은 긴 형식의 콘텐츠보다 낫습니다.
  • 애니메이션 GIF가 즉시 시선을 사로잡습니다.
  • 선과 화살표와 같은 시각적 신호는 사용자가 오랫동안 머무르고 탐색하게 만듭니다.
  • 밝은 색상을 사용하지 마십시오.
  • 시각 자료를 통해 이야기 전달(예: TV 광고)
  • 모든 시각 자료가 의도한 메시지를 전달하고 있는지 확인하세요.
  • 시선을 사로잡는 시각적 요소의 끝에 클릭 유도문안을 넣습니다.

5. 파비콘

Favicon은 브랜드 및 해당 웹사이트와 관련된 아이콘입니다. 브라우저의 주소 표시줄이나 사이트 이름 옆에 있습니다.

파비콘은 사용자가 동일한 브라우저에서 열리는 12개의 다른 탭과 귀하의 웹사이트를 구별하는 데 도움이 됩니다. 사용자는 파비콘의 도움으로 귀하의 사이트를 쉽게 기억하고 인식할 수 있습니다.

기억에 남을 파비콘을 디자인할 때 이 4가지 유용한 팁을 따르십시오.

  • 간단하고 쉽게 알아볼 수 있도록 유지하십시오(예: Amazon).
  • 문자 또는 브랜드 아이콘이 잘 작동합니다.
  • Photoshop에서 512px X 512px 투명 캔버스에 디자인
  • 날카롭고 작지만 사람의 눈에는 선명해야 합니다.

6. 디자인의 심리학적 원리

모든 디자인의 성공 여부는 타겟 청중에 달려 있습니다. 따라서 인간의 사고 패턴을 이해하는 것이 중요합니다. 이것은 인간의 심리학이 그림에 들어가는 곳입니다. 도구와 기술은 시간이 지남에 따라 변할 수 있지만 인간의 심리는 동일하게 유지됩니다.

예를 들어, 사용자는 여전히 이야기를 좋아하지만 오늘날에는 책 전체를 읽는 것보다 시각적인 형태로 이야기를 좋아합니다. 그래픽 디자이너로서 당신의 목표는 인간 심리와 연결하고 최신 웹 사이트를 구축하기 위해 트렌드와 결합하는 것입니다.

요약:

디자인 학위가 있는 사람이라면 누구나 디자인을 할 수 있지만 비주얼라이저가 되려면 기술, 창의성, 현명한 전략이 필요합니다. 확고한 입지를 다지는 것을 목표로 하는 모든 그래픽 디자이너는 자신의 디자인이 좋은 검색 엔진 순위를 확보하는 데 도움이 되는 창의성과 SEO 전략이 적절하게 혼합되어 있는지 확인해야 합니다. 이는 브랜드의 목표를 달성하면서 대상 청중이 이해할 수 있는 디자인과 콘텐츠를 큐레이팅하는 것을 의미합니다.