워드프레스 웹사이트를 디자인할 때 피해야 할 5가지

WordPress는 가장 많이 찾는 오픈 소스 콘텐츠 관리 시스템(CMS) 중 하나이기 때문에 WordPress 웹 개발자는 특히 SEO 문제와 같은 실수로 위험에 처할 수 있습니다. 워드프레스 웹사이트는 재기하는 속도를 논란의 여지 없이 붙잡고 있는 존재와 느낌에 따라 포스트 서두르게 되었습니다. WordPress를 사용할 때의 엄격한 특성 중 하나는 검색 엔진에 대한 최적화와 우아하게 세련되고 효율적이며 온-마르케를 확인하는 것입니다. 따라서 WordPress 웹 사이트를 디자인할 때 피해야 할 5가지 사항부터 시작하겠습니다.

WordPress의 또 다른 상당한 장점은 플러그인 사용의 적성입니다. 그러나 때때로 플러그인의 과도한 사용으로 인해 일부는 서로 부조화할 수 있습니다. 실행 가능한 결과는 사이트 속도가 느리고 블로그의 일부가 제대로 작동하지 않는다는 것입니다.

이 글에서 저는 WordPress 웹사이트를 디자인할 때 피해야 할 몇 가지 일반적인 실수를 지적했습니다. 이 포인트를 고정하면 기능적이고 매력적인 WordPress 웹 사이트를 확실히 구축할 수 있습니다.

이미지의 해크니드

ColorMag의 웹사이트를 가져왔습니다. 웹 사이트의 홈페이지를 참조하십시오. 첫 페이지는 많은 이미지로 가득 차 있습니다.

종종 매력적인 고품질 이미지는 웹사이트에 포함하도록 유혹합니다. 많은 세부 정보가 포함된 이미지와 비디오는 사이트의 총 SEO 순위에 역효과를 줄 수 있습니다. 이에 대한 근거는 수도원적으로 페이지를 로드하는 데 걸리는 범위입니다.

이미지 사용에 대한 봉인을 설정하려면 Google PageSpeed ​​Insight와 같은 도구를 사용하세요.

작업은 https://developers.google.com/speed/pagespeed/insights/에 표시됩니다.

1단계: 주어진 공간에 URL을 입력합니다. 분석 버튼을 클릭합니다.

2단계: URL이 언급되면 분석 중임을 알 수 있습니다.

3단계: 두 가지 유형의 결과가 제공됩니다. 하나는 모바일 관점에서 본 것이고 다른 하나는 데스크탑 관점에서입니다. 아래 스크린샷은 모바일입니다. 오른쪽에서 모바일에서 사이트가 어떻게 보이는지 확인할 수 있습니다. 왼쪽에 페이지 속도가 주어진 것을 볼 수 있습니다. 이 사이트의 경우 페이지 속도가 느립니다. 최적화 수준이 좋습니다. 페이지의 로드 분포도 제공됩니다.

4단계: 페이지를 더 아래로 스크롤하면 페이지 통계 및 최적화 제안을 볼 수 있습니다. 아래에서 Optimizations already Present라는 제목과 링크 보기 세부 정보를 볼 수 있습니다. 세부 정보 보기 링크를 클릭하면 이미 존재하는 최적화 목록이 표시됩니다.

5단계: 바탕 화면 보기를 확인하려면 바탕 화면 아이콘을 클릭합니다.

모바일 보기와 거의 동일합니다. 오른쪽에는 사이트의 바탕 화면 보기가 표시됩니다. 페이지 속도가 느리고 웹사이트를 최적화할 수 있는 용량도 분석에 따르면 중간 수준입니다. 페이지 로드 분포가 제공됩니다.

6단계: 페이지를 더 아래로 스크롤하면 웹사이트에 이미 있는 페이지 통계 및 최적화를 볼 수 있습니다.

Horacehad가 인용한 "그림은 단어가 없는 시입니다."가 레이아웃과 관련이 없거나 필요하지 않은 이미지로 사이트를 로드해야 한다는 의미는 아닙니다. 이것은 당신의 리드를 짜증나게 할 수 있는 달팽이의 속도로 사이트를 느리게 만듭니다.

모바일 친화적인 사이트

이것은 WordPress 웹 사이트를 시작하기 전에해야 할 가장 중요한 일 중 하나입니다.

스마트폰이 만인의 열풍을 일으키면서 모바일 기기에서도 인터넷을 편리하게 사용할 수 있게 되었습니다. 따라서 WordPress 개발자가 사이트를 개발하는 동안 염두에 두어야 할 가장 중요한 요소 중 하나는 모바일 친화적이어야 한다는 것입니다. 모바일 친화적이라는 것은 웹사이트가 모바일 브라우저에서 볼 수 있어야 함을 의미합니다. 이 기능은 SEO 점수에도 영향을 미칩니다.

웹사이트 순위는 https://www.thehoth.com/search-engine-rankings/에서 확인할 수 있습니다.

1단계: 순위를 확인하려는 웹사이트의 URL을 입력합니다. 웹사이트의 URL을 입력한 후 Google 순위 보기 버튼을 클릭합니다. 귀하의 사이트로 트래픽을 유도하는 트래픽 유도 키워드 목록이 표시되며 해당 키워드에 따라 순위가 표시됩니다. 다른 열에는 사이트의 해당 키워드에 따른 트래픽이 표시됩니다.

페이지에서 더 아래로 스크롤하면:

사이트가 모바일 친화적인지 확인하려면 다음을 참조하세요. https://search.google.com/test/mobile-friendly

1단계: 다음 공간에 WordPress 웹사이트의 URL을 입력합니다.

2단계: 테스트 실행 버튼을 클릭하면 결과가 다음과 같이 나타납니다.

모바일 친화적인지 여부에 관계없이 사이트의 결과를 볼 수 있습니다. 오른쪽은 웹사이트의 모바일 보기를 보여줍니다.

페이지 로딩 문제도 표시됩니다. 여기에 37 페이지를 로드할 수 없으며 해당 페이지의 리소스, 유형 및 상태가 제공됩니다.

홈페이지를 엉망으로 만들기:

첫 번째 링크는 Lingscars의 어수선한 홈페이지입니다. 두 번째 링크는 사람을 연결하여 교회를 성장시키는 Text In Church입니다.

디자이너는 사이트의 홈페이지를 불필요한 것들로 가득 채웠습니다. 사이트 디자인의 첫 번째 규칙은 사이트가 깔끔하고 쉽게 접근할 수 있어야 한다는 것입니다. 첫 번째 링크에서는 다양한 글꼴이 사용되고 텍스트가 로드되고 이미지가 흐릅니다.

홈페이지는 귀하의 비즈니스에 대한 첫인상을 결정짓는 중요한 요소입니다. 고객을 귀하의 사이트로 끌어들이고 싶으므로 고객이 귀하의 웹사이트에 머물게 하려면 이 기회를 현명하게 잡아야 합니다.

두 번째 링크를 고려하십시오. 그것은 매우 제어 가능하고 깔끔합니다. 접근하기 쉬운 디자이너는 단순함과 단순함으로 매력적으로 유지했습니다.

탐색 불량:

위의 스크린샷에서 볼 수 있듯이 사용자를 혼란스럽게 할 수 있는 탐색 항목이 많이 있습니다. 사용자는 자신이 찾고 있는 정보를 검색하기 어려울 수 있습니다. 따라서 매우 짜증이 나서 고객을 잃을 수 있습니다.

따라서 귀하의 사이트 탐색은 적절한 변증법, 투시력 및 어머니의 재치를 요구할 필요가 있습니다. 사이트를 방문하는 모든 사용자가 다루기 쉽고 탐색 버튼을 뼈로 느끼는 것처럼 경험할 수 있도록 사용자 친화적으로 만드십시오.

소리와 이미지로 가득 찬 것처럼 화려한 탐색은 그것을 고급스럽게 만들지 않습니다. 모든 것은 필요에 따라 한도 내에서 예상됩니다.
텍스트 설명은 좋은 움직임입니다. 탐색에 대한 텍스트 설명을 제공하면 방문자가 자신의 검색 방향으로 적절하게 안내합니다.

클릭 유도문안(CTA) 없음

이 점은 WordPress 개발자가 실수 없이 지적해야 합니다. 비즈니스를 위한 웹사이트를 개발할 때 사람들은 양식을 작성하여 등록하고, 회사 뉴스레터를 구독하고, 블로그에 피드백을 제공하고, 서비스를 선택하는 등의 작업을 수행해야 합니다. 이를 위해서는 적절한 CTA가 필요합니다.

이 기사가 WordPress 개발자가 웹 사이트에서 이러한 모든 요소를 ​​피하여 보다 전문적이고 사용자 친화적인 사이트를 구축하는 데 도움이 되기를 바랍니다.

저자 약력

Harikrishna Kundariya는 eSparkBiz Technologies의 이사이자 "A Mobile App Development Company"의 공동 설립자입니다. 그의 8+ 경험을 통해 그는 IoT 및
챗봇.