웹사이트 디자인 SEO하는 방법

웹사이트 디자인 SEO하는 방법

웹사이트를 제작시 염두에 두어야 하는 것은

 

• 디자인이 모바일 친화적인가?
• 텍스트가 얼마나 명확한가?
• 디자인 로딩 속도는 얼마나 되는가?

 

핵심은 이 3가지 정도 입니다.

웹사이트가 멋져 보이나요? 아마도 당신에게는 그렇게 보일 수 있지만 모든 다른 장치, 모든 다른 화면 크기 및 다른 브라우저는 어떻습니까? 모두 확인하고 싶지는 않지만 일부 주요 영역에서 디자인이 실패하면 순위가 낮아질 것입니다.

1. 디자인이 모바일 친화적인가?

웹사이트가 휴대기기 (스마트폰 및 태블릿)에 얼마나 잘 표시되는지가 구글 검색노출의 핵심입니다. 구글은 그것을 Mobile first indexing 이라고 부릅니다. 방문자의 95 %가 데스크톱 컴퓨터에서 왔는지 여부는 중요하지 않습니다. 

디자인이 모바일 장치에서 떨어지면 순위가 떨어집니다. 모든 화면 크기에서 작동하는 웹사이트를 반응형이라고 합니다.

설계에 대한 몇 가지 기본 검사를 빠르게 수행 할 수 있습니다.

 

1. 구글 크롬 브라우저를 사용하여 웹사이트를 엽니다.
2. 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭 한 다음 '검사'를 선택합니다.
3. 화면 하단 또는 오른쪽에 새 창이 열립니다.
4. 태블릿 앞에 스마트 폰처럼 보이는 작은 아이콘 (새 창의 오른쪽 상단)을 찾습니다. 마우스를 가져 가면 '반응형 디자인 모드'라는 텍스트가 표시됩니다. 이것을 왼손으로 클릭하십시오.
5. 웹사이트 바로 위에 작은 막대가 나타납니다. 이 막대 왼쪽의 첫 번째 옵션은 선택 상자입니다.
6. 선택 상자를 클릭하고 다른 장치를 선택하여 웹사이트가 어떻게 보이는지 확인하십시오.
   
   

웹사이트가 무너지거나 너무 작으면 무언가를 보기 위해 집거나 확대 / 축소해야 디자인이 반응하지 않습니다. 얻을 수있는 최고의 순위를 원한다면 이것을 정렬해야합니다. 일반적으로 플랫폼에 대한 템플릿을 추적하는 경우 (예 : Google "WordPress 반응 형 사이트 디자인") 원하는 옵션을 설치합니다. 

당신의 웹사이트가 플랫폼에없는 경우 플랫폼으로 이동하는 것이 좋습니다. 반응하기위한 맞춤형 프로그래밍의 비용은 일반적으로 그만한 가치가 없으며 휠을 재창조하는 것 외에는 거의 없습니다. 

2. 텍스트가 얼마나 명확한가? 

약간 밝은 회색 배경에 밝은 회색 텍스트를 넣는 방식이 있었습니다. 한눈에 보기에는 매우 똑똑해 보였지만 읽는 것은 엉덩이가 아팠습니다. 구글은 사용자를 사랑하고 사용자가 눈의 피로나 두통을 느끼는 것을 좋아하지 않으므로  
그런 종류의 순위를 매길 것입니다. 

이런 식으로 구글을 성가시게 하는지 알아 보려면 ; 

• 구글 크롬 브라우저를 사용하여 웹사이트를 엽니다. 
• 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭 한 다음 '검사'를 선택합니다. 
• 화면 하단 또는 오른쪽에 새 창이 열립니다. 
• 요소, 콘솔, 소스 등을 시작하는 메뉴 (새 창의 왼쪽 상단)를 찾습니다. 
• 왼손으로 'Audits'를 클릭하고 '접근성'상자 만 선택되어 있는지 확인하십시오. 
• 왼쪽 손으로 '감사 실행'을 클릭하고 '대비'라는 제목으로 스크롤하여 문제가 있는지 여부와 위치를 알려줍니다.
  
  

플랫폼 내에서 이러한 대비를 변경할 수 있습니다. 대부분의 WordPress 테마는 설정에서 이를 수행 할 수 있습니다. 그렇지 않으면 문제를 해결하기 위해 기술자가 필요합니다. 

3. 디자인 로딩 속도는 얼마나 되는가? 

인터넷 사용자가 점점 더 모바일 검색엔진 (특히 Google)이 됨에 따라 이 그룹을 매우 행복하게 유지하는 데 집착하게되었습니다. 그들은 모두 최신 iPhone을 가지고 있지 않거나 초고속 WiFi 연결에 연결되어 있지 않을 수 있으며 구글은 이를 알고 있으므로 누가 더 높은 로딩 속도를 평가해야 하는지를 결정할 때 중요한 요소입니다. 

불행히도 이것은 WordPress와 같은 많은 플랫폼이 무너질 가능성이있는 곳입니다. 모든 다른 플러그인과 기능으로 인해 많은 사이트 페이지에서 필요하지 않은 코드 인 코드가 부풀어 오른 상태입니다. 얼마나 많은 테마 개발자가 속도에 초점을 맞추고 있는지 보려면 Google "빠른 로드 워드 프레스 테마"만 있으면 됩니다. 

 

웹사이트 로딩 속도 테스트

플랫폼의 테마를 테스트하는 가장 좋은 방법은 Pingdom 웹사이트 속도 테스트를 사용하여 성능을 나란히 비교할 수 있습니다.

 

대부분의 경우 테마의 데모 페이지를 테스트하여 현재 설치 한 테마와 고려중인 테마 간의 차이를 느낄 수 있습니다. 여기에서 자랑스러워하지 마십시오. 원래 선택한 테마가 마음에들 수도 있지만 느린 속도로 로딩 되는 경우라면 순위가 낮아지는 것입니다.