10분 이내에 완료할 수 있는 효과적인 웹사이트 개선 10가지

게시 됨: 2017-09-05

웹사이트는 진행중인 프로젝트입니다. 그것들은 결코 완전히 끝나지 않았습니다. 콘텐츠를 업데이트하고 새 페이지를 만들어야 합니다. 블로그가 있으면 새 게시물을 게시해야 합니다. 말할 것도 없이 많은 유지 관리 작업이 있습니다.

요컨대, 항상 할 수 있는 일이 있습니다. 그야말로 선물이자 저주다.

한편으로는 항상 최소한의 작업을 수행해야 합니다. 반면에 사이트를 개선하고 사이트의 기능을 더욱 효과적으로 만들 수 있는 방법이 항상 있습니다.

이 기사에서는 후자에 집중하고 싶습니다. 다음에서는 작지만 사이트에 큰 영향을 줄 수 있는 빠르고 쉬운 웹 사이트 개선 사항을 살펴보겠습니다.

게시물에는 웹사이트 속도, SEO 및 전환과 같은 다양한 영역의 개선 사항이 포함됩니다. 그러나 이 목록에 있는 모든 작업은 10분 이내에 완료할 수 있습니다. 따라서 대규모 주말 프로젝트를 보는 것이 아니라 빠르고 간단한 수정 작업을 하는 것입니다.

더 나은 사이트를 위한 빠르고 쉬운 웹사이트 개선

큰 효과가 있는 작은 변화에 대한 준비가 되셨습니까? 그런 다음 계속 읽으십시오.

모바일 친화성 테스트 수행

우리의 첫 번째 작업은 몇 가지 진단을 실행하는 것입니다. 사이트의 현재 상태를 확인하는 것은 현재 상태를 최신 상태로 유지하는 좋은 방법입니다. 중요한 테스트는 사이트가 모바일 친화적인지 확인하는 것입니다.

요즘 모바일 친화성이 매우 중요하다는 사실을 알고 계실 것입니다. Google의 모바일 친화적인 업데이트 이후로 사용성 및 SEO 측면에서 웹사이트 운영의 필수적인 부분입니다.

다행히 Google은 자체 모바일 친화성 테스트 도구를 제공합니다. URL을 연결하기만 하면 서비스에서 귀하의 사이트가 모바일 친화적인지 여부와 그렇지 않은 경우 만드는 방법을 알려줍니다.

구글 모바일 친화성 테스트

간단한 참고 사항: 일반적으로 홈 페이지만 테스트하는 것으로 충분합니다. 그러나 사이트의 나머지 부분(예: 블로그)과 크게 다른 페이지가 있는 경우 개별적으로 테스트하는 것이 좋습니다.

속도 테스트 실행

테스트 주제에 이어 웹사이트 개선 목록의 다음 항목은 속도 테스트입니다. 페이지 로딩 속도는 페이지 이탈에 미치는 영향 때문에 웹사이트의 성공에 큰 영향을 미칠 수 있는 또 다른 요소 중 하나입니다.

사용자의 40%는 3초 이내에 로드되지 않는 사이트를 떠납니다. 귀하의 사이트가 그 중 하나인지 알아볼 시간입니다.

첫 번째 개요를 보려면 Google PageSpeed ​​Insights를 사용할 수 있습니다. 다시 말하지만, 사이트 주소를 입력하고 버튼을 누르면 페이지 속도 측면에서 사이트가 어떻게 운영되고 이에 대해 어떻게 해야 하는지 알려줍니다.

그러나 내가 가장 좋아하는 도구는 Pingdom입니다. 여러 다른 위치에서 사이트를 테스트할 수 있을 뿐만 아니라 속도를 늦추는 요소에 대한 더 많은 정보를 제공합니다.

pingdom 속도 테스트 결과

학습한 내용을 실행에 옮기는 데 10분 이상이 걸릴 수 있지만(아래에서 볼 수 있듯이 반드시 그런 것은 아님) 이러한 테스트를 실행하면 차이를 만드는 데 필요한 정보가 제공됩니다.

Gzip 압축 활성화

페이지 로딩 속도 측면에서 큰 차이를 만들 수 있는 작은 변경 사항 중 하나는 사이트에 Gzip 압축을 추가하는 것입니다.

컴퓨터의 zip 파일과 마찬가지로 웹사이트의 파일을 압축하여 더 작게 만듭니다. 파일이 작을수록 다운로드 속도가 빨라져 페이지 로드 속도가 빨라집니다. 쉬워요.

처음에 속도 테스트는 Gzip 압축이 활성화되었는지 여부를 알려줍니다. 또는 Gzip 압축 확인을 사용하여 확인할 수도 있습니다.

귀하의 사이트에 아직 설치되어 있지 않다면 고맙게도 설정하는 것이 그리 복잡하지 않습니다. 호스트에게 요청하거나 W3 Total Cache 또는 WP Super Cache와 같은 플러그인을 사용하여 수행하거나(둘 간의 비교 참조) 수동으로 수행할 수 있습니다.

후자의 경우 FTP 서버에 액세스하여 .htaccess를 찾으십시오(참고: 이를 위해 숨겨진 파일을 표시해야 할 수도 있음). 다음 코드를 추가하십시오(GTmetrix 덕분에). 

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
 
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

저장하고 업로드하면 됩니다. 사이트가 제대로 작동하는지 한 번 더 테스트하십시오.

A/B 클릭 유도문안 테스트

클릭 유도문안은 전환율의 가장 중심적인 요소 중 하나입니다. 여기에서 단어나 버튼 색상을 변경하는 것과 같은 가장 작은 변경 사항은 말 그대로 판매와 무의 차이를 만들 수 있습니다.

웹사이트 개선사항 분할 테스트 클릭 유도문안

이미지 제공: Andrii Symonenko / shutterstock.com

따라서 목표가 사람들로 하여금 뉴스레터에 가입하게 하거나 서비스를 사용하거나 제품을 구매하게 하는 것이라면 CTA를 때때로 테스트하는 것이 현명한 생각입니다.

고맙게도 시간이 너무 많이 걸리지 않으며 WordPress는 이를 위한 여러 도구를 제공합니다. Divi를 사용하는 경우 이 문서에 설명된 대로 A/B 분할 테스트에 Divi Leads를 사용할 수도 있습니다.

클릭 유도문안을 개선할 수 있는 가설을 생각해 보세요. 구현하는 데 10분 이상 걸리지 않아야 합니다. 그런 다음 실행하고 승자를 선택하십시오. 붐, 전환율이 영구적으로 향상되었습니다.

이미지 최적화 플러그인 설치

이미지와 시각 자료는 종종 페이지 무게의 큰 부분을 차지합니다. 이러한 이유로 웹 사이트의 속도를 높이는 좋은 방법은 가능한 한 크기를 줄이는 것입니다.

항상 필요한 만큼 큰 이미지를 사용하고 업로드하기 전에 최적화하는 것(예: TinyPNG 사용) 외에 가장 빠른 방법 중 하나는 이미지 최적화 플러그인을 사용하는 것입니다.

WP Smush와 EWWW Image Optimizer는 모두 훌륭한 옵션입니다. 사이트에 업로드하는 이미지를 자동으로 최적화할 뿐만 아니라 기존 이미지에 대해서도 동일한 작업을 수행할 수 있습니다.

즐겨찾기를 설치한 다음 마법을 사용하세요. 빠른 웹사이트 개선? 당신은 내기.

이전 콘텐츠 검토/업데이트

오늘날의 그물에서 콘텐츠는 모든 웹사이트의 성공을 위한 중심 기둥입니다. 이러한 이유로 많은 사람들이 매일 블로그 게시물을 작성합니다.

그러나 이전 콘텐츠는 어떻습니까? 네, 몇 개월 전에 쓰신 내용입니다. 여전히 온라인 상태이고 (이상적으로는) 여전히 관련성이 있으며 방문자를 끌어들입니다. 그러나 아마도 페이스리프트와 함께 할 수 있습니다.

오래된 콘텐츠를 업데이트하는 것은 두 번째 바람을 주기 위한 훌륭한 전략입니다. Google은 최신 정보를 좋아하고 더 나은 포지셔닝으로 보상합니다. 방문자도 마찬가지입니다. 방법은 다음과 같습니다.

  • 스타일 및 가독성 편집 — 콘텐츠가 몇 개월 또는 몇 년 된 것이라면 그 사이에 더 나은 작가가 될 가능성이 높습니다. 나는 실제로 나의 이전 자료를 읽으면서 소름이 돋는다. 그러나 이는 자연스러운 현상이며 새로운 기술을 사용하여 이전 콘텐츠를 더 읽기 쉽게 만들 수 있음을 의미합니다.
  • 정보 업데이트 — 게시물의 사실이 여전히 사실입니까? 새로운 정보가 나왔나요? 추가로 언급할 수 있는 사항이 있습니까? 그렇다면 꼭 하세요.
  • 링크 추가/업데이트 — 외부 링크가 여전히 최신 상태입니까? 연결할 추가 또는 더 나은 소스가 있습니까? 이전 게시물을 작성할 때 존재하지 않았던 관련 기사에 대한 내부 링크를 추가할 수 있습니까? 다시 말하지만 대답이 예라면 계속하십시오.
  • 검색 엔진에 최적화 — Yoast SEO 를 사용하는 경우 플러그인은 기사를 보다 최적화하기 위한 추가 단계를 정확히 알려줍니다. 또한 작년에 가독성 모듈을 도입했으므로 이전 항목이 해당 영역에서 일부 작업을 사용할 수 있습니다.

정보 페이지 업데이트

기존 콘텐츠 업데이트라는 주제를 유지하면서 정보 페이지는 웹 사이트에서 가장 중요한 부분 중 하나인 경우가 많습니다. 사람들은 자연스럽게 자신이 읽고 있는 내용의 배후에 있는 사람에 대해 더 많이 알고 싶어 합니다.

이러한 이유로 최신 상태로 유지하는 것이 좋습니다. 여전히 현실을 반영하는지 확인하기 위해 페이지를 살펴보는 것은 순식간에 웹사이트를 쉽게 개선할 수 있는 방법 중 하나입니다.

예를 들어, 얼마 전까지만 해도 내가 2년 전에 결혼했음에도 불구하고 내 정보 페이지에는 여전히 내 약혼자가 언급되어 있었습니다(고맙게도 아무도 내 아내에게 말하지 않았습니다).

아마도 당신에게도 그런 일이 있을 것입니다. 그 외에도 연락처 세부 정보가 여전히 최신 상태인지 또는 자신이나 팀의 새로운 사진이 필요한지 확인하십시오.

또한 정보 페이지에 가입 양식을 추가하는 것을 고려하십시오. 그것은 가치.

코드 축소

코드 축소는 사이트 속도의 모든 기사에서 권장하지만 구현하기 어려운 것 중 하나입니다.

모르는 경우 축소는 사람이 읽을 수 있도록 코드에서 모든 것을 제거하는 것을 의미합니다. 여기에는 서식 지정, 주석 등이 포함됩니다. 그렇게 하면 파일이 훨씬 작아지므로 배운 대로 페이지가 더 빨라집니다.

고맙게도 자동 최적화가 있습니다. 말 그대로 플러그인을 설치하고 활성화하고 축소를 켜면 완료됩니다.

새 키워드 추가

Google Search Console의 검색 트래픽 > 검색 분석 에서 사람들이 검색할 때 귀하의 사이트가 팝업되는 검색어를 찾을 수 있습니다. 또한 노출수, 클릭률 및 평균 검색 위치를 볼 수 있습니다.

이는 콘텐츠에 대한 새로운 롱테일 키워드를 찾는 데 매우 유용합니다. 방법은 다음과 같습니다.

  1. 검색 위치별로 목록 정렬
  2. 평균 게재순위가 10보다 큰 지점까지 아래로 스크롤하여 첫 페이지가 누락되었습니다.
  3. 검색어를 클릭하세요
  4. 다음 화면에서 페이지 를 클릭하면 해당 키워드에 대해 순위가 매겨진 페이지의 URL이 표시됩니다.

add new keywords via Google Search Console

그게 어떻게 도움이 되나요? 이제 특정 페이지로 이동하여 해당 키워드를 추가할 수 있기 때문입니다. 일반적으로 필요한 범프를 주기에 2~5번이면 충분합니다. 또한 귀하가 페이지를 업데이트했음을 Google에 보여줍니다. 윈윈.

그건 그렇고, 더 많은 팁을 보려면 고급 SEO 전술을 확인하십시오.

404 확인 및 리디렉션

사용자는 검색 결과나 링크를 클릭하고 존재하지 않는 페이지를 방문하는 것보다 더 싫어합니다. 두려운 404를 찾을 수 없음 오류입니다.

404 오류 페이지 웹 사이트 개선 사항

Ksusha Dusmikeeva의 이미지 / Shutterstock.com.

사용자 지정 404 오류 페이지가 있더라도 이 오류로 인해 사람들이 사이트를 떠나는 경우가 많습니다. 이러한 이유로 빠른 웹 사이트 개선 목록의 마지막은 해당 발생을 찾아 제거하는 것입니다.

사이트에 존재하지 않는 페이지를 찾으려면 Screaming Frog, Google Search Console (Crawl > Crawl Errors ) 또는 Broken Link Check를 사용하세요. 그 후에는 방문자를 더 적합한 페이지로 보내도록 리디렉션 플러그인을 설정하기만 하면 됩니다.

더 빠른 웹 사이트 개선 사항을 알고 있습니까?

웹 사이트는 관련성을 유지하고 최신 상태로 유지하기 위해 지속적인 개선이 필요하며 의도한 바에 적합합니다. 그러나 이것이 항상 큰 점검을 의미하는 것은 아닙니다. 대신 시간이 지남에 따라 정기적으로 소규모 웹사이트를 개선하는 것이 매우 효과적일 수 있습니다.

사이트 테스트, 속도 향상을 위한 작은 작업 수행, 콘텐츠 업데이트 및 SEO 개선은 모두 사이트 성능에 엄청난 영향을 미칠 수 있습니다. 변경 사항은 작지만 누적 결과는 다음과 같습니다.

귀하의 웹사이트를 개선하기 위해 즉석에서 수행할 수 있는 위의 내용을 찾으셨기를 바랍니다. 큰 차이를 만드는 작은 웹 사이트 개선 아이디어에 대한 다른 팁이 있으면 공유하십시오!

추천할 수 있는 추가 개선 사항이 있습니까? 그렇다면 아래 의견 섹션에서 수행하십시오.

igor Kisselev / shutterstock.com의 기사 축소판 이미지