WordPress 테마 변경이 SEO 결과에 미치는 영향
게시 됨: 2020-04-01WordPress와 같은 콘텐츠 관리 시스템의 출현은 온라인에서 거대한 혁명을 가져왔습니다. WordPress가 웹 구축을 훨씬 쉽게 만들어 매초마다 웹 사이트가 생성되고 있기 때문입니다.
이것은 많은 기회를 만들었지만 많은 문제를 일으키기도 했습니다.
온라인에서 사용할 수 있는 템플릿과 테마는 무수히 많지만 테마가 순위와 궁극적으로 전체 SEO에 어떤 영향을 미칠 수 있는지 궁금하신가요?
대부분 SEO 마케터는 테마의 시각적 측면만이 차이를 만들 수 있고 결국 기술적 측면을 무시할 수 있다고 믿습니다.
또한 대부분의 템플릿에는 'SEO 최적화'라는 용어가 나옵니다. 이것은 사용자가 웹 사이트의 SEO 문제를 해결할 것이라고 믿게 만듭니다.
따라서 실제로 발생하는지 여부에 관계없이 이 게시물에서 동일한 내용에 대해 논의합니다!
WordPress 테마를 변경하면 SEO에 영향을 줍니까?
그래 그건 사실이야! 테마는 SEO에 큰 영향을 줄 수 있습니다.
그러나 사용자의 요구 사항과 웹 사이트의 관련성을 정확히 충족하는 테마를 선택해야 합니다. 이를 위해서는 테마를 선택할 때 정보에 입각한 결정을 내리는 데 도움이 될 것이므로 몇 가지 기술적인 세부 사항을 아는 것이 가장 좋습니다.
그 위에 테마가 SEO에 영향을 줄 수 있지만 더 나은 결과를 얻으려면 SEO를 최적화해야 합니다.
템플릿/테마가 SEO에 미치는 영향은?
이전에 SEO는 매우 간단했습니다. 몇 개의 키워드를 배치하면 Google에서 상위 순위에 오르기에 충분했습니다.
그러나 현재 상황이 달라졌다. SEO 순위 요소의 발전으로 가치 있는 수익을 얻기 위해 모든 요소에 집중하고 그에 따라 웹사이트를 최적화하는 것이 중요합니다.
이 외에도 템플릿과 테마는 웹사이트 구조의 중요한 부분이며 속도에도 영향을 미칩니다. 콘텐츠가 좋아도 웹사이트의 구조, 테마, 템플릿이 기준에 맞지 않으면 순위가 곤두박질칩니다.
1. 추한 웹사이트 디자인을 만들지 마십시오.
막힌 디자인을 만들면 독자에게 매력적이지 않을 수 있습니다. 콘텐츠와 광고 게재위치, 디자인, 사용자 경험 등의 완벽한 균형을 만드십시오. 항상 타겟 청중에게 깊은 인상을 주는 콘텐츠를 제공해야 합니다.
제목에서 표시되는 모든 항목에 이르기까지 각각은 풍부한 사용자 경험을 제공해야 합니다. 사용자 경험은 Google에서 중요한 순위 요소입니다. 따라서 사용자가 웹사이트로 쉽게 이동할 수 있고 웹사이트의 모든 항목을 클릭할 수 있어야 합니다.
2. 느린 웹사이트 속도는 지루합니다:
사용자는 웹 사이트를 로드하는 데 너무 많은 시간이 걸리는 것을 싫어합니다. 심지어 사용자의 약 50%가 웹사이트를 떠납니다. 이런 일이 자주 발생하면 이탈률이 높아지고 수익이 감소합니다.
이러한 맥락에서 Google이 도입한 솔루션 중 하나는 Accelerated Mobile Pages입니다. 그러나 이러한 페이지는 사용이 제한됩니다. 예를 들어 사용자가 블로그를 업로드하기 전에도 사이트를 떠난다는 것은 사용자 경험이 전혀 없다는 것을 의미하며 Google에서도 이를 인지하고 있습니다.
웹사이트에 빠른 로딩 속도를 제공하여 사용자를 만족시키십시오!
3. 사용자가 잘못된 웹사이트 URL 구조에 당황함:
검색 엔진은 주로 사이트를 보지 않습니다. 오히려 그들은 그 코드에 대해서만 알고 싶어합니다. 코드의 형식이 올바르지 않고 HTML 태그의 위치가 정확하지 않으면 검색 엔진이 사이트가 우수하다는 것을 이해하지 못합니다.
많은 수의 템플릿이 여러 H1 태그를 사용할 수 있습니다. 이는 디자인에는 좋지만 SEO에는 유용하지 않습니다. 많은 템플릿이 제목을 무시하고 페이지에 일부 구분 및 제목 태그를 남길 수 있습니다. 그러나 똑같이 중요한 것은 웹사이트의 구조입니다.
웹사이트 구조는 속도와 밀접한 관련이 있습니다. 사이트에 다른 요소보다 늦게 로드되는 요소가 있는 경우 Google은 이를 나쁜 웹사이트 환경으로 간주합니다.
SEO 친화적 테마의 중요한 요소는 무엇입니까?
테마 템플릿의 주요 목적은 웹사이트를 보기 좋게 만드는 것입니다. 다른 이점은 SEO 친화적인 사이트를 가질 수 있다는 것입니다.
또한 콘텐츠는 사이트의 중요한 부분이므로 풍부한 템플릿이 있다고 해서 웹사이트가 SEO 친화적이라는 의미는 아닙니다. 템플릿은 웹사이트의 아키텍처나 URL에 영향을 주지 않습니다.
웹 사이트 템플릿은 보기에는 좋지만 하루 종일 잘 작동하지 않을 수 있는 불편한 옷과 같습니다.
그렇다면 SEO 친화적인 테마는 어떻게 만들 수 있을까요?
1. HTML 마크업:
이것은 사이트에 대한 SEO 친화적인 테마를 만들 때 고려해야 할 가장 중요한 측면입니다. 템플릿의 역할은 사이트에 대한 소화 가능한 콘텐츠를 만드는 것이어야 합니다. HTML 5 태그를 적절하게 사용하여 콘텐츠와 그 하위 요소의 가장 중요한 측면을 강조하는 것이 필수적입니다.
Google은 의미가 없는 HTML과 웹페이지 하단에 표시되는 제목 태그를 좋아하지 않습니다. H1 태그는 검색 엔진에서 더 가치가 있음을 기억하십시오. 따라서 현명하게 사용하십시오.
2. 페이지 및 속도 크기:
로딩 속도가 느린 웹사이트는 제대로 개발되지 않은 테마를 분명히 나타냅니다.
테마는 먼저 접기라고 하는 사이트의 상단 부분을 렌더링해야 합니다. 그러나 동시에 상부 부품은 동일한 속도로 로드되어야 합니다. 더 느린 속도로 로드되는 경우 Google은 사이트를 느린 것으로 간주합니다.
또한 사이트가 혼란스럽게 렌더링되면 사용자는 사이트가 손상되었거나 버그가 있는 것으로 간주합니다.
또한 코드 파일은 더 적은 공간을 차지해야 합니다.
3. 반응형 이미지 및 디자인:
현재 반응형 디자인은 표준 요구 사항입니다. 웹 사이트가 모바일 장치에서 제대로 로드되지 않으면 대량의 트래픽이 손실될 수 있습니다.
모든 너비와 화면에 잘 맞는 웹사이트를 만드는 것은 매우 어렵습니다. 대부분의 반응형 디자인은 전체 너비에 대해 동일한 CSS 파일을 선택합니다.
웹사이트에 사용된 이미지조차도 많은 문제나 문제를 일으킬 수 있습니다. 주요 문제는 이미지를 사용하면 웹사이트가 느려진다는 것입니다. 또한 모든 화면 너비에 대해 완벽한 크기의 이미지를 표시하는 것이 중요합니다.
로드된 이미지가 화면 너비에 가장 가깝도록 하기 위해 대체 텍스트 속성을 사용할 수 있습니다.
4. 콘텐츠 계층:
SEO 친화적인 테마는 콘텐츠의 가장 중요한 부분을 검색 엔진에 효과적으로 지적하는 테마입니다. 사용자 정의 가능한 템플릿 내의 탭은 HTML 태그를 올바르게 사용해야 합니다.
별도의 콘텐츠 섹션이 추가되는 경우 <p> 태그를 포함해야 합니다. 또한 H1, H2 및 HR 태그에는 제목 섹션이 포함되어야 합니다. WordPress 라이브러리 외부에 추가된 이미지에는 alt 속성이 포함되어야 합니다.
나중에 이러한 기능을 추가하는 것은 매우 어렵습니다. 따라서 처음부터 고려하는 것이 가장 좋습니다.
5. 구조화된 데이터:
검색 엔진을 만족시키려면 schema.org 마크업을 사용해야 합니다. 특히 전자 상거래 웹 사이트에 매우 유용합니다. 이를 사용하면 검색 엔진이 검색 엔진에 사이트의 일부를 직접 표시하여 결과를 눈에 띄게 할 수 있습니다. 이러한 결과를 리치 스니펫이라고 합니다.
6. API 후크:
그것은 테마의 기술적 측면과 더 관련이 있습니다. 후크가 없으면 SEO 플러그인이 웹사이트의 성능을 올바르게 향상시킬 수 없으므로 후크는 매우 중요합니다.
이것은 사이트를 수정하려면 사용자 정의 테마의 개입이 필요하며 이는 상당히 비용이 많이 든다는 것을 의미합니다.
순위 및 SEO를 위한 좋은 웹사이트 테마 선택 팁:
순위와 SEO에 좋은 테마를 선택하는 것이 가장 좋습니다. 이것은 이후의 수정과 대부분의 문제를 크게 단순화합니다.
그러나 계속하기 전에 PageSpeed Insights의 현실을 말씀드리겠습니다. 웹사이트의 HTML 구조 품질을 결정하는 효율적인 방법입니다. 그러나 때로는 잘못된 결과를 초래할 수 있습니다.
이미지를 최적화할 수 있는 것은 사실이지만 어쨌든 사전 설정이 변경됩니다. 서버의 응답 시간도 점수에 큰 영향을 미칩니다. 좋은 서버에 테마를 배치해도 문제가 발생하지 않습니다.
다시 말하지만 캐싱은 테마와 관련이 없습니다. 따라서 무시하십시오.
1. 이미지 확인:
템플릿의 대부분의 이미지가 대체될 것이라는 점에 대해서는 이미 논의했습니다. WP Smush 또는 TinyPNG와 같은 플러그인을 사용하여 필터링하는 것은 귀하의 책임입니다. 압축할 테마의 핵심 이미지만 확인하면 됩니다. 배경, 이미지, 아이콘은 교체되지 않습니다.
중요한 것은 이미지가 srcset 속성을 사용하는지 여부입니다. 다양한 크기의 화면에 이상적인 버전을 로드합니다. 이것은 Chrome에서 이미지를 올바르게 클릭한 다음 Inspect를 클릭하여 수행할 수 있습니다.
대부분 WooCommerce 템플릿은 srcset 기능을 기본 기능으로 제품 이미지에만 사용합니다. 그러나 페이지 빌더와 같은 다른 영역을 놓칠 수 있습니다. 따라서 사이트에서 두 개 이상의 페이지를 확인하는 것이 가장 좋습니다.
2. 제목 확인:
좋은 사용자 정의 테마는 태그와 코드를 현명하게 최적으로 사용하는 테마입니다. 데모 테마에서 CTRL + U를 클릭하고 H1 및 H2 태그를 검색합니다. 제목이 표시되지 않으면 페이지가 SEO에 최적화되지 않은 것입니다.
페이지에 H1 태그가 있는 것이 가장 중요합니다. 여러 H2 태그를 가질 수 있지만 각각의 크기와 스타일은 동일해야 합니다.
3. 리치 스니펫용 테스트 도구 사용:
전자 상거래 템플릿을 검색하는 경우 구조화된 데이터 도구를 사용하여 구조화된 데이터 마크업을 확인하십시오. 상품 페이지, 기사, 홈페이지, 카테고리 페이지에서 동일한 내용을 확인하세요.
제품 페이지를 고려하고 제품 속성을 확인하십시오. 오류가 없어야 합니다.
4. 테마 수정:
대부분의 문제를 해결할 수 있으므로 항상 최고의 테마를 선택할 필요는 없습니다. 그러나 한 가지 문제가 있습니다. 웹 사이트가 충돌할 수 있습니다.
반복 사용자의 웹사이트 속도를 높이기 위해 캐시 플러그인을 추가하세요. 이미지가 더 적은 공간을 수집할 수 있도록 이미지 최적화 플러그인을 포함합니다. 또한 축소 플러그인을 포함하되 테마 파일을 축소하면 충돌이나 렌더링 문제가 발생할 수 있으므로 신중하게 수행하십시오.
5. 이메일 보내기:
개발자에게 이메일을 보내 테마의 특정 기능에 대해 문의할 수 있습니다. 빠르게 응답하는 개발자는 일반적으로 진정한 기능과 기능을 가지고 있습니다. 이는 또한 템플릿에서 문제가 발생할 경우 훌륭한 지원을 제공할 준비가 되었음을 의미합니다.
템플릿이 다른 플러그인에 대한 템플릿의 호환성을 높이는 기본 WordPress Hooks를 사용하는지 개발자에게 물어볼 수도 있습니다.
개발자가 SEO 친화적인 테마를 만들기 위한 팁:
1. 더 적은 수의 슬라이더 사용:
슬라이드는 좋지만 너무 많이 사용하면 웹사이트가 멋지게 만들어지지 않습니다. 슬라이더는 이미지를 수행하며 작업을 완료하려면 수많은 코딩이 필요합니다. 애니메이션 슬라이더는 여러 이미지를 로드하여 수많은 서버 요청을 생성하여 페이지의 전체 크기를 늘립니다.
대부분 사람들은 첫 번째 슬라이더만 봅니다. 슬라이더를 거의 클릭하지 않습니다. 한 페이지에 여러 슬라이더를 통합하지 마십시오.
2. 테마의 핵심 이미지 최적화:
때로는 테마에 버튼 및 배경과 같은 이미지가 기본값으로 설정되어 있습니다. 관련성이 없어 보일 수 있으며 제거해도 웹사이트 크기가 10KB라도 절약되면 더 빨리 로드될 수 있습니다.
또한 사람들이 좋아할 만한 테마의 이미지가 많이 있습니다. 미디어 갤러리를 사용하여 생성한 경우 플러그인을 사용하여 최적화하거나 기본 최적화되어야 합니다. 대부분의 사용자는 기술에 정통하지 않습니다.
3. 'srcset' 속성 통합:
반응형 테마를 만드는 것은 시간이 많이 걸리고 어렵지만 놀랍습니다. 로딩 시간이 오래 걸리는 큰 이미지를 포함하지 않고 빠르게 로딩하도록 합니다. 이미지에서 srcset 속성을 사용하여 큰 이미지를 작은 이미지로 압축합니다.
또한 배경에도 사용할 수 있는 대안이 있습니다. 배경 이미지가 있는 반응형 디자인을 만들려면 이 옵션을 사용합니다.
4. PageSpeed Insights에 집중:
빠르게 수정하고 수정할 수 있는 문제를 지적하는 것이 중요합니다. Google은 PageSpeed Insights를 사용할 것을 권장합니다. 즉, 웹사이트 순위를 매기는 데 사용하는 것입니다. 검색 엔진 알고리즘에도 영향을 미칠 수 있습니다. 따라서 완전히 무시하지 않도록 하십시오.
5. 코드 축소:
코드도 중요하지만 온라인에서는 속도가 중요합니다. 플러그인과 테마 개발자는 제품의 빠른 속도를 유지하기 위해 가능한 한 코드를 최소화해야 합니다.
사용자가 웹사이트를 깨는 것을 두려워하지 않도록 라이브 버전에서 코드를 축소할 수도 있습니다.
요약하자면:
테마는 웹사이트 디자인뿐만 아니라 SEO 및 순위에도 영향을 미칩니다. 따라서 항상 웹 사이트를 사용자에게 빠르고 반응적으로 만들고 검색 엔진에서 쉽게 읽고 크롤링할 수 있는 테마를 선택하십시오.