책을 홍보하는 데 도움이 되는 저자를 위한 블로그 디자인 팁
게시 됨: 2022-12-03좋은 블로그 디자인은 독자를 사이트에 유지하는 방법입니다. 다음은 사이트를 생성, 업데이트 또는 새로 고치는 데 도움이 되는 작성자를 위한 몇 가지 블로그 디자인 팁입니다.
현재 블로그 테마와 함께 사용할 수 있는 옵션, 플러그인, 위젯 및 애드온이 너무 많습니다. 그러나 블로그 홈페이지는 종종 이러한 요소가 너무 많아 복잡해집니다.
이제 디자인 트렌드는 구성 요소를 최소화하고 사용자 경험을 극대화하는 방향으로 기울고 있습니다.
방문자를 만족시킬 아름다운 웹사이트 디자인을 만들고 싶다면 요즘은 적을수록 좋습니다.
좋은 블로그 디자인의 중요한 요소는 무엇입니까?
의심할 여지 없이 선택한 색 구성표가 1순위입니다.
그것은 당신의 블로그의 모습을 만듭니다.
그러나 타이포그래피, 글꼴 크기 및 레이아웃 디자인이 밀접하게 뒤따릅니다.
소형 모바일 장치의 가독성과 기능도 중요합니다.
블로그 게시물 페이지가 아름답게 디자인되었는지 확인하는 것이 중요합니다.
블로그 홈페이지 맞춤화에만 집중하는 것은 많은 초보 블로거들이 저지르는 실수입니다.
이러한 모든 요소는 무료 블로깅 플랫폼 또는 호스팅된 블로그에서 변경, 수정 또는 개선할 수 있습니다.
그런 다음 SEO 및 사이트 속도와 같은 기술적 고려 사항이 있습니다.
이러한 모든 요소는 독자를 위한 훌륭한 사용자 경험에 기여합니다.
이제 작성자를 위한 각 블로그 디자인 팁을 자세히 살펴보겠습니다.
1. 색 구성표는 어떻게 선택합니까?
눈길을 끄는 디자인의 비결 중 하나는 색상 팔레트를 사용하는 것입니다.
블로그 템플릿이나 WordPress 테마의 색상으로 제한되지 않습니다. 블로그의 모든 부분의 색상을 변경할 수 있습니다.
첫 번째 단계는 원하는 색 구성표를 찾는 것입니다. 책 표지에 사용하는 색상에 대해 생각해 볼 수 있습니다. 많은 무료 사이트가 있지만 예를 들어 Color Hunt를 선택했습니다.
이와 같은 수백 가지의 다양한 색상 조합 중에서 선택할 수 있습니다.
마음에 드는 색상을 찾으면 각 색상 위로 마우스를 가져가면 CSS 16진수 색상 코드가 표시됩니다.
이 16진수 코드를 복사하여 사이트 색상을 사용자 정의할 때 사용할 수 있도록 보관하십시오.
파스텔 색상은 매우 인기가 있습니다. 그러나 블로그 주제에 맞는 생생한 색상을 사용하는 것은 잘못된 것이 아닙니다.
위의 예는 4색 세트입니다. 하지만 Google에서 색 구성표를 검색하면 많은 조합을 찾을 수 있습니다.
사용할 다른 두 가지 색상은 흰색 배경과 텍스트용 검정색입니다. 그러나 화면을 읽을 때 흰색 바탕에 검은색이 눈에 부담을 줄 수 있으므로 주의하십시오.
트릭은 대신 어두운 회색을 사용하는 것입니다. 텍스트를 더 쉽게 읽을 수 있도록 일반 검정색에서 너무 많이 줄일 필요는 없습니다.
검은색의 16진수 코드는 #000000입니다. 이 사이트에서는 #3f3f3f를 사용합니다. 어떤 그늘이 가장 잘 맞는지 실험해 볼 수 있습니다.
2. 최고의 블로그 레이아웃은 무엇입니까?
무료 및 유료 블로깅 플랫폼에는 블로그 페이지 디자인 및 레이아웃에 대한 다양한 옵션이 있습니다.
아래 이미지와 비슷한 선택이 있을 것입니다. 전체 너비 또는 박스형 디자인을 선택할 수도 있습니다.
그러나 대부분의 옵션에는 문제가 있습니다.
이러한 템플릿의 모든 사이드바는 모바일 장치에서 보기에서 사라집니다. 웹 페이지의 다른 모든 콘텐츠 뒤에만 표시됩니다.
인터넷 트래픽의 60% 이상을 차지하는 모바일 사용자에게는 전혀 쓸모가 없습니다.
사이드바에는 일반적으로 소셜 공유 버튼, 광고, 추천 게시물 및 클릭 유도문안 요소가 포함됩니다. 이 모든 것은 모바일 방문자에게 손실됩니다.
이 문제를 어떻게 해결합니까?
최상의 솔루션은 단일 페이지 레이아웃을 사용하고 많은 사이드바 요소를 바닥글에 추가하는 것입니다.
소셜 미디어 아이콘, 링크, 작은 광고 및 인기 게시물까지 추가할 수 있습니다.
또 다른 해결책은 텍스트 랩을 사용하여 게시물 내에 광고와 이미지를 포함하는 것입니다. 특히 콘텐츠 마케팅의 경우 훨씬 더 효과적입니다.
이제 좋은 블로그 게시물은 단일 페이지이며 페이지 상단에 큰 이미지가 포함되어 있습니다. 텍스트 내에 이미지를 몇 개 더 추가하면 쉽게 읽을 수 있도록 분할하는 데 도움이 됩니다.
3. 타이포그래피가 중요한 이유는 무엇입니까?
당신이 선택한 글꼴은 당신에 대해 많은 것을 말해줍니다.
Serif 글꼴은 당신이 뉴스적이고 진지하다고 말하고 sans serif 글꼴은 당신이 더 편안하다고 말합니다.
가장 일반적인 글꼴은 Arial, Open Sans, Oswald, Georgia, Garamond, Montserrat, Merriweather, Roboto, Raleway, Playfair Display, Alegreya, Helvetica Neue 및 Lato입니다.
Comic Sans, Papyrus, Brush Script MT, Lobster와 같은 멋진 글꼴은 피해야 합니다. 음식 블로그와 같은 일회성 헤드라인으로는 괜찮을 수 있습니다. 그러나 일반 텍스트에서 사용하면 읽기가 매우 어렵습니다.
블로그에 중요한 할 말이 있습니다. 당신이 진지하다고 말하는 글꼴로 말하십시오.
광대처럼 보이게 하는 글꼴을 사용하지 마십시오.
표준 글꼴을 고수하고 블로그 주제를 반영하는 글꼴을 선택하십시오. 참고로 이 사이트는 Raleway를 사용하고 있습니다.
4. 귀하의 블로그 홈페이지는 얼마나 중요합니까?
사이트 방문자의 10% 미만이 블로그 홈페이지를 방문한다는 사실에 놀라시겠습니까?
이러한 홈페이지 히트의 대부분은 Google 또는 Bing 검색에서 귀하의 기사 중 하나를 찾는 사람들로부터 나옵니다. 그들은 무엇을 더 찾을 수 있는지 보기 위해 그곳으로 갑니다.
그러니 그들에게 무언가를 주세요.
가장 중요한 페이지로 연결되는 최상위 메뉴를 갖는 것이 가장 좋습니다. 그런 다음 사이트의 다른 관련 부분이나 인기 있는 부분을 추가할 수 있습니다.
초보 블로거들은 블로그 홈페이지의 중요성을 과대평가합니다. 일반적으로 텍스트가 거의 없기 때문에 검색 엔진에서 높은 순위를 차지할 가능성이 없습니다.
위젯, 번쩍이는 광고, 클릭 유도 문안 팝업으로 채우면 많은 것을 얻을 수 없습니다. 그것이 할 일은 사이트 속도를 늦추고 모바일 방문자에게 비우호적입니다.
작성자를 위한 최고의 블로그 디자인 팁 중 하나는 홈페이지 디자인을 가능한 한 단순하게 유지하는 것입니다. 우아하고 매력적으로 만드십시오. 그것을 목적 진술로 만드십시오.
그러나 더 중요한 것은 방문자가 읽고 싶은 내용을 쉽게 찾을 수 있는 페이지를 만드는 것입니다.
한 페이지 시차 디자인은 이 목표에 완벽합니다.
다음은 ThemeGrill의 패럴랙스 홈 페이지 예시입니다.
홈페이지를 너무 많이 채우지 마세요. 이를 사용하여 방문자를 다른 페이지로 안내하면 이탈률을 줄이는 데 도움이 됩니다.
5. 블로그 게시물 페이지를 더 잘 작동하게 하려면 어떻게 해야 합니까?
검색 엔진에서 얻는 거의 모든 사이트 방문자는 블로그 게시물 페이지 중 하나에 도달합니다.
그것은 그들이 당신의 게시물을 읽고 더 많은 것을 원할 만큼 충분히 오래 머물도록 해야 한다는 것을 의미합니다.
블로그는 종종 65-75% 사이의 높은 이탈률을 보입니다.
많은 사람들이 질문에 대한 답변을 찾고 있기 때문에 이는 정상적인 현상입니다. 그들의 질문에 대답하면 그들은 만족합니다. 그러나 자연스럽게 그들은 떠납니다.
훌륭한 게시물 페이지의 핵심은 블로그에서 더 많은 것을 찾을 훌륭한 이유를 제공하는 것입니다.
여러 가지 방법으로 이 작업을 수행할 수 있습니다. 가장 눈에 띄는 것은 기사 끝에 있는 관련 게시물 링크입니다. 그러나 모든 방문자가 끝까지 읽습니까?
아니요, 처음 몇 단락에서 원하는 것을 찾았을 때 50% 이상을 얻지 못하는 경우가 많기 때문입니다.
이 때문에 훨씬 더 일찍 관련 게시물에 대한 내부 링크를 포함해야 합니다.
이상적으로는 게시물의 아주 초기에 적어도 하나는 있어야 합니다.
위의 예에서 첫 번째 내부 링크가 내용 상자 바로 뒤에 있음을 볼 수 있습니다.
기사에 3~4개를 추가하는 것이 좋습니다.
이탈률을 낮출 뿐만 아니라 Google 순위에 대한 링크 주스도 개선합니다.
6. 블로그를 더 읽기 쉽게 만들려면 어떻게 해야 합니까?
블로그에서 가독성의 가장 중요한 요소는 여백과 짧은 단락입니다.
다시 말하지만 모바일 사용자가 최우선 순위입니다. 엄지 손가락으로 스크롤할 공간이 필요하다는 실용성을 고려해야 합니다.
둘째, 길게 차단된 텍스트 단락은 휴대폰 화면에서 읽기가 매우 어렵습니다.
독자에게 많은 공간을 제공하십시오. 짧은 단락은 노트북과 데스크톱 컴퓨터에서도 잘 작동합니다. 당신은 학술 논문을 작성하지 않습니다.
모든 장치에서 텍스트를 개방적이고 넓게 유지하며 매우 쉽게 읽을 수 있습니다.
가독성의 놀라운 요소는 각 게시물 내에서 이미지를 사용하는 것입니다. 시작 부분의 추천 이미지는 거의 필수입니다.
그러나 더 많은 이미지를 추가하면 게시물이 더 시각적이고 매력적으로 보일 것입니다. 좋은 경험 법칙은 텍스트의 100~200단어마다 이미지를 추가하는 것입니다.
이야기를 전달하는 데 도움이 되는 관련 이미지를 사용해야 합니다.
무료 스톡 이미지도 좋지만 고유한 이미지를 만드는 것이 항상 더 좋습니다.
7. 얼마나 많은 기능이 필요합니까?
블로그 테마의 디자이너와 개발자는 사용자와 고객을 유치하기 위해 점점 더 많은 기능을 추가하고 있습니다.
그러나 이러한 모든 추가 CSS 요소와 자바스크립트 파일은 사이트의 크기를 늘리고 로딩 속도를 늦춥니다.
특히 모바일 페이지 속도에 심각한 영향을 미칠 수 있습니다.
페이지를 로드하는 데 3초 이상 걸리면 방문자를 잃게 된다는 것은 잘 문서화되어 있습니다.
블로그에서 사용하는 모든 요소에 주의를 기울여야 합니다. 특히 소셜 미디어 위젯과 슬라이더는 리소스를 많이 차지할 수 있습니다.
연락처 양식 플러그인과 같은 단순한 것조차 문제를 일으킬 수 있습니다. 일부 플러그인은 보유한 연락처 페이지 하나가 아니라 모든 페이지에 코드를 로드합니다.
Google Pagespeed 테스트에 실패한 사이트의 주요 원인 중 하나는 한두 페이지에서만 사용되지만 사이트의 모든 페이지에서 백그라운드로 로드되는 자바스크립트 요소입니다.
CSS 코드에도 적용됩니다.
모든 옵션, 벨 및 휘파람이 있는 테마가 훌륭한 선택이라고 생각할 수 있습니다.
하지만 사실은 가벼운 테마를 선택해서 정말 필요한 기능과 옵션만 추가하는 것이 훨씬 좋습니다.
새로운 블로거의 큰 함정은 블로그 홈페이지에 너무 많은 요소를 추가하는 것입니다. 앞서 언급했듯이 귀하의 홈페이지에 방문하는 방문자는 거의 없습니다.
위젯, 배너, 광고 및 인기 게시물로 홈페이지를 채우면 홈페이지가 느려질 뿐만 아니라 나머지 사이트도 느려집니다.
이 테스트 결과에서 너무 많은 요소(요청)와 열악한 블로그 디자인이 사이트 속도에 얼마나 영향을 미치는지 확인할 수 있습니다.
더 선택적인 경우 사이트 속도를 상당히 줄일 수 있습니다. 이것은 Just Publishing Advice의 페이지 중 하나에 대한 테스트입니다.
블로그 로딩 시간을 확인하고 개선하는 데 사용할 수 있는 많은 도구가 있습니다.
사이트 성능에 대한 관련 기사에서 9가지 최고의 속도 도구를 나열했습니다.
3~4초 이내에 페이지를 로드할 수 있다면 잘한 것입니다.
요약
최고의 블로그 사이트 디자인은 깔끔하고 가볍고 빠른 로딩입니다. 이 세 가지 팁은 작성자를 위한 블로그 디자인에 적용됩니다.
어떤 디자인 영감이 있든 항상 매력적이고 기능적으로 만들 수 있습니다.
홈페이지가 작동하는 방식보다 블로그 게시물이 사이트에서 어떻게 보이는지에 집중해야 합니다.
훌륭한 블로그 디자인의 예를 인터넷에서 검색하면 거의 항상 홈페이지를 강조하는 결과를 얻을 수 있습니다.
마음에 드는 디자인을 찾으면 테마에 대한 블로그 게시물 페이지가 어떻게 보이는지 확인하십시오. 훨씬 더 중요합니다.
그런 다음 속도 테스트 도구를 사용하여 페이지를 테스트합니다. 페이지 속도 점수가 매우 낮다면 좋은 선택이 아닐 수 있습니다.
아름다운 블로그는 항상 책을 홍보하는 데 도움이 됩니다. 독자를 참여시키고 유지하는 데 도움이 되도록 디자인 요소에 시간을 할애하십시오.
읽기 쉽고 빠르게 로드되는 매력적인 레이아웃으로 제공되는 블로그 디자인 및 작성 매력적인 콘텐츠는 성공적인 작성자 블로그의 주요 요소입니다.