반응 형 웹 사이트 구축 : 오늘날 중요한 이유는 무엇입니까? -Semalt 전문가 조언
오늘날 반응 형 웹 사이트를 구축하는 것은 당연한 것으로 보이지만 항상 그런 것은 아닙니다.
2015 년 상반기에 전 세계의 웹 마스터들이 실수로 일상적인 아침이라고 생각했던 일을 깨 웠습니다. 양치질하고, 커피를 마시고, 뉴스 헤드 라인을 읽고, 컴퓨터를 열고, 웹 사이트 위치를 확인하기 시작했습니다.
놀랍게도 실망스럽게도 많은 사이트가 Google 검색 엔진의 첫 페이지에서이 시점까지 순위를 매겼습니다. 수많은 키워드가 아무도 도달하지 않았거나 도달 할 수없는 페이지로 변질되었습니다.
어떻게 된 거예요?
그리고 이것이 당신에게 영화 아마겟돈처럼 들린다면 (기독교에서 그것은 "세상의 종말"을 의미합니다) 당신은 절대적으로 옳습니다. "세상의 종말"은 검색 결과에서 사이트가 감소한 것에 대해 게시자와 사이트 홍보인이 직접받은 느낌을 가장 잘 표현합니다.
무엇이 바뀌 었습니까? 그리고 왜 사이트가 악화 되었습니까?
Semalt가 이것에 대해 어떻게 생각하는지 보자 이 전문가들이 제공하는 솔루션.
Google의 새로운 알고리즘 업데이트
사실을 말하기 위해 이미 2015 년 2 월 초에 Google은 새롭고 중요한 알고리즘 업데이트가 곧 출시 될 것이라는 힌트를 보내기 시작했습니다. 그러나 많은 게시자가 이에 대한 준비가되어 있지 않았고 업데이트 내용을 알지 못했습니다.
그런 다음 2015 년 4 월이되었고 지금부터 검색 결과의 정상에 도달하려면 반응 형 웹 사이트를 구축해야한다는 이해와 내재화가 이루어졌습니다. 이는 Google이 모든 기기에 표시되고 조정되는 사이트에 우선 순위를 부여하기 때문입니다. 모든 장치에서 잘 작동하는 사이트는 모든 장치와 호환되지 않는 사이트보다 높은 순위를 누릴 수 있습니다.
반응 형 웹 사이트를 구축하려는 Google의 요구 뒤에 무엇이 있었습니까?
반응 형 웹 사이트를 구축하려는 요구는 준비되지 않은 많은 사람들을 사로 잡았지만 Google에 대한 이러한 요구에는 많은 논리와 상식이있었습니다.
무슨 말이야? 설명하겠습니다
새 천년이 시작될 때까지 대부분의 사람들이 데스크톱이나 노트북을 통해 웹 서핑을했다면, 현재 10 년 동안 많은 사람들이 스마트 폰과 태블릿을 통해 더 많이 서핑합니다. 그리고 저는 우리 가운데 젊은이들에 대해서만 이야기하는 것이 아닙니다. 그녀를위한 속죄 인 어머니조차도 이미 컴퓨터보다 스마트 폰에서 더 많은 서핑을하고 있습니다.
문제는 Google 업데이트 이전에 전 세계 대부분의 웹 사이트가 컴퓨터를 표시하는 데 적합했지만 스마트 폰이나 태블릿을 표시하는 데 적합하지 않다는 것입니다. 반응 형 웹 사이트 구축 기준을 충족하지 않는 스마트 폰을 통해 반응 형 웹 사이트에 액세스하려고하면 즉시 도망 가게됩니다. 텍스트가 작거나 읽을 수없는 지저분해서 버튼이 너무 작아서 디스플레이가 모바일 사용 경험과 일치하지 않았습니다.
결론 : 모바일과 호환되지 않는 사이트는 서퍼를 좌절시키고 몰아 내고 사이트에서 보내는 시간을 줄이고 사이트를 잊혀진 결과 페이지로 저하시킵니다.
Google의이 유명한 업데이트로 인해 게시자는 데스크톱, 노트북, 스마트 폰, 태블릿 등 현재 존재하는 모든 기기에 사이트를 적용해야했습니다. 그리고 앞으로 그들이 더 많은 장치를 발명한다면 우리 사이트도 그들에 맞게 조정해야 할 것입니다.
이 중요한 Google 업데이트는 실제로 오늘날 웹 사이트 구축에 대한 우리의 생각을 바꾸고 Mobile First 시대를 예고했습니다. 그것은 PC에서 모바일로 바뀌었고 단순한 이유에서 최우선 순위입니다. 점점 더 많은 사람들이 스마트 폰을 사용하고 점점 더 적은 컴퓨터를 사용하고 있습니다.
반응 형 웹 사이트를 구축하는 것이 어떤 것인지 깊이 이해합시다
반응 형 웹 사이트를 구축하는 것은 모든 장치, 모든 기술 (예 : 터치 기술) 및 모든 해상도에 잘 반응하는 웹 사이트를 구축하는 것을 의미합니다.
"일반"사이트는 어떻게 반응 형 사이트가됩니까?
첫째, 웹 사이트가 이미 반응하는지 확인하는 것이 중요합니다. Google에서 제공하는 친근성 테스트 (https://search.google.com/test/mobile-friendly)에서 확인할 수 있습니다.
확인하려는 페이지의 URL을 입력하고 분석 결과를 기다리십시오.
보고서를 열고 각 페이지의 요소를 개선해야하는지 확인할 수 있습니다. 둘째, 반응 형 웹 사이트를 구축하는 데 도움이되는 다음 팁과 팁을 따르십시오.
반응 형 웹 사이트 구축을위한 유용한 팁
사이트를 자체적으로 반응 형으로 만들거나 반응 형 웹 사이트 구축 전문가에게 접근, 다음은 처음부터 개발하거나 반응 형 웹 사이트를 업그레이드 할 때 염두에 두어야 할 중요한 요소입니다.
나에게 적합 : 반응 형 사이트의 세로 표시 및 가로 표시
세로보기는 태블릿과 스마트 폰에 적합하고 가로보기는 데스크톱, 노트북 및 기타 와이드 스크린에 적합합니다. 이 두 가지보기를 사용하여 사이트가 모든 장치에 잘 표시되고 액세스 가능하고 명확하며 뚜렷한 방식으로 사이트의 정보를 서퍼에게 공개하도록하는 것이 중요합니다.
반응 형 웹 사이트의 버튼과 링크에서 손가락을 제자리에 두세요.
반응 형 웹 사이트를 구축하려면 푸시 버튼과 링크의 특별한 디자인도 필요합니다. 사용자 경험과 링크 및 클릭 가능한 버튼을 사용한 서퍼의 상호 작용에 대해 생각하는 것은 매우 가치가 있습니다. [참고 : SEO 및 웹 사이트 프로모션 작업에 대한 모바일 사용성 섹션의 Search Console 항목 참조]. 푸시 버튼이 스마트 폰에서 충분히 큰지, 적어도 엄지 손가락에 적합한 크기인지 확인하십시오. 또한 데스크톱이나 랩톱을 검색 할 때 마우스로 쉽게 누를 수 있는지 확인하십시오.
경계를 허물기 : 반응 형 웹 사이트 구축의 콘텐츠
반응 형 웹 사이트를 구축하려면 정보를 희석해야합니다. 예를 들어 보겠습니다. 생성하는 동안 스마트 폰보기에 남겨야하는 텍스트와 마주하게됩니다. 그러나 스마트 폰보기에서 포기한 텍스트는 태블릿, 데스크톱 및 랩톱보기에서 고려됩니다. 컴퓨터 친화적 인 사이트에있는 모든 정보와 콘텐츠를 스마트 폰 친화적 인 사이트에 넣는 것은 불가능합니다. 모바일 스마트 기기에서도 사이트가 작동하도록 미세 조정이 필요합니다.
각 줄에 입력되는 단어의 양도보기에 따라 다릅니다. 따라서 각 장치에 대한 텍스트 줄의 너비를 조정하는 것도 중요합니다. 컴퓨터와 같이 와이드 디스플레이가있는 장치가 약 75자를 연속으로 입력하면 스마트 폰 디스플레이에서 약 35자를 연속으로 유지해야합니다.
반응 형 사이트에서도 글꼴 크기가 변경됩니다. 스마트 폰보기에서는 글꼴 크기가 더 작아지고 컴퓨터보기에서는 글꼴이 확실히 더 커질 수 있습니다. 각 장치에 대해 읽기 쉽고 명확한 글꼴 크기를 선택할 수 있습니다.
모든 전문 웹 사이트 제작자는 반응 형 웹 사이트를 구축하는 데 특히 이미지와 일반적인 시각적 요소에 특별한주의를 기울여야한다는 것을 알고 있습니다. 일반적으로 웹 사이트에 크고 무거운 이미지와 비디오가 많이로드 될수록로드 시간이 더 길어집니다. 즉, 전체 사이트가 서퍼에게 노출되는 데 더 오래 걸립니다. 그리고이 규칙은 스마트 폰에서 훨씬 더 중요합니다. 무거운 이미지가 많은 반응 형 웹 사이트에 과부하를주지 않는 것이 중요합니다. 또한 다양한 장치의 다양한보기에 맞게 이미지를 비례 적으로 자르고 조정하는 것이 중요합니다.
반응 형 웹 사이트를 구축 할 때 이미지의 크기를 장치에 맞게 조정해야합니다. 컴퓨터의 경우 이미지 크기가 더 커지고 스마트 폰의 경우 이미지를 더 작은 크기로 잘라야합니다.
쉽고 편리한 사이트 탐색을 위해 고정 헤더를 사용하십시오.
반응 형 웹 사이트를 구축 할 때주의해야 할 또 다른 세부 사항은 사이트 상단의 헤더입니다. 사이트를 탐색하는 동안 화면 상단에 영구적으로 부착되는 고정 헤더를 만드는 것이 좋습니다. 왜? 끈적한 감귤류는 많은 스크롤링의 필요성을 줄이고 사이트 탐색 시간 동안 메인 메뉴를 수정합니다. 이를 통해 서퍼는 너무 많이 스크롤하거나 메뉴를 검색하지 않고도 사이트를 쉽게 탐색 할 수 있습니다. 메뉴가 고정되어 있고 어디에 있든 서퍼가 액세스 할 수 있기 때문에 페이지 하단이나 페이지 중간에 있습니다. 메인 메뉴는 사용 가능하고 눈에 잘 띄며 사이트 어디에서나 쉽게 탐색 할 수 있습니다. Sticky Heather는 미적이며 스마트 폰의 기능을 향상시킵니다.
스 와이프 및 스크롤-웹 사이트 스크롤 및 스크롤
스마트 폰에서 우리는 화면에서 손가락을 스 와이프하여 장소를 이동하는 데 익숙합니다. 컴퓨터에서는 마우스로 위아래로 스크롤하는 데 익숙합니다. 바로 이러한 이유로 사용자 경험을 장치에 맞추기 위해 반응 형 웹 사이트를 구축 할 때 중요합니다. 스마트 폰용으로 디자인 할 때 손가락으로 슬라이드 할 수있는 가능성을 결합하는 것이 가치가 있으며 사이트를 컴퓨터에 적용 할 때 페이지를 위아래로 스크롤하도록 허용하는 것이 좋습니다.
결론적으로
기사의 상단에서 지적했듯이 당신은 어느 날 아침 일어나서 귀하의 사이트가 검색 엔진에서 계속 낮아지고 있음을 발견했습니다. 그러나 당신은이 사실을 정확히 설명하는 것이 무엇인지 모릅니다. 이것은 몇 가지 이유 때문일 수 있다는 것은 사실입니다. 그러나 가장 먼저 물어봐야 할 질문은 다음과 같습니다. 내 사이트가 Google의 최신 기준을 충족합니까?
그렇지 않은 경우 서둘러서 자격을 갖춘 SEO 서비스 좋은 위치를 되찾기 위해 사이트가 양질의 관리를받을 수 있도록합니다.
오늘날 반응 형 웹 사이트를 구축하는 것은 필수이기 때문입니다. 응답하지 않는 웹 사이트는 서퍼를 저지하고 고객을 몰아 내며 Google 검색 결과의 발전 가능성을 방해합니다. 오늘날 우리는 사이트를 조정하는 데 필요한 장치가 몇 개 밖에 없으며 가까운 장래에 우리 사이트도 새 장치에 맞게 조정해야 할 것입니다.