2016년 XNUMX월, 인터넷이 바뀌었습니다. 그 달에 처음으로 모바일 웹 사용량이 데스크톱 웹 사용량을 넘어섰습니다(전환점이 훨씬 더 빨랐다고 말하는 사람들도 있지만). 밀레니얼 세대의 XNUMX% 이상이 스마트폰을 생활 수단으로 사용합니다. 인터넷 접속을 위한 기본 장치, 보고되었으며 그 비율은 아마도 그 이후로 훨씬 더 높아졌을 것입니다. 웹사이트가 있다면 모바일 친화적이어야 한다는 것은 분명합니다.
2015년 XNUMX월, 구글은 모바일 친화성을 웹사이트 순위 결과의 요소로 고려할 것이라고 발표했습니다. 모바일 친화적인 사이트를 만드는 방법에는 두 가지 의견이 있습니다. 한 가지 생각은 기존 사이트의 별도 모바일 버전을 만드는 것입니다. 더 널리 받아들여지는 반대 견해는 별도의 웹사이트를 만드는 것이 아니라 기존 사이트를 조정하는 것입니다.
기존 웹사이트를 모바일 시대에 맞게 조정하는 것은 비용이 많이 드는 과정이 아닙니다. +자본을 늘리거나 수익을 올릴 필요가 없습니다. 유로밀리언즈 복권 전환을 감당할 수 있습니다. 그렇더라도 올바른 방향으로 가고 있는지 확인하기 위해 숙련된 개발자를 참여시키는 것이 현명할 것입니다.
출발점은 당신이 고용해야한다는 것입니다 반응 형 웹 디자인 (RWD) 방문자가 웹사이트를 쉽게 읽고 탐색할 수 있도록 합니다. 반응형 웹사이트는 방문자가 사용하는 기기에 따라 스스로 적응하는 웹사이트입니다.
글꼴 크기. 웹 사이트 방문자는 확대할 필요 없이 콘텐츠를 읽을 수 있어야 합니다. 가독성을 극대화하려면 사용자 친화적인 표준 글꼴을 사용해야 합니다. 개발자는 웹 페이지에 대한 뷰포트를 구성하면 다양한 장치에서 글꼴 크기가 적절하게 조정된다는 것을 알게 될 것입니다. Google 권장 사항에 따르면 기본 글꼴 크기는 16 CSS 픽셀이어야 합니다.
이미지. 이미지는 고해상도여야 합니다. 웹사이트에서 이미지의 기본 너비를 설정하면 모바일 장치에서 표시하기에는 이미지 너비가 너무 넓어지므로 이미지 너비를 100%로 설정해야 합니다.
링크. 독자가 원하는 링크를 클릭하는 데 문제가 없도록 링크를 충분히 멀리 배치하십시오. 클릭 가능한 버튼도 마찬가지입니다.
플래시 - 사용하지 마세요. 대부분의 모바일 웹 브라우저는 Flash와 같은 소프트웨어를 렌더링하도록 구성되어 있지 않습니다. Google에서는 Flash가 포함되지 않은 '최신 웹 기술'을 사용하여 콘텐츠와 애니메이션을 포함한 웹사이트를 디자인할 것을 권장합니다.
코드 최적화. 모바일 시대에 맞게 웹사이트를 처음부터 다시 구축할 시간이나 돈이 없더라도 기존 코드를 수정하여 사용자 경험을 향상시킬 수 있는 부분이 있습니다. 이러한 조정에는 양식 입력 속성 조정, 계좌 번호 및 URL과 같은 긴 텍스트의 가독성을 보장하기 위한 자동 줄 바꿈 사용, 추가 공백의 신중한 사용, 헤더 또는 사이드바의 고정 위치 방지 등이 포함되지만 이에 국한되지는 않습니다.
위에서 언급한 단계를 수행한 후에는 귀하의 웹사이트가 실제로 모바일 친화적인지 확인하고 싶을 것입니다. Google은 간단한 제안을 제공합니다. 모바일 친화적인 테스트 방문자가 모바일 장치에서 웹사이트 페이지를 얼마나 쉽게 볼 수 있는지를 결정할 수 있습니다. 귀하가 해야 할 일은 URL을 나열하는 것뿐입니다. 그러면 도구가 귀하의 페이지를 분석하여 모바일 인터넷 시대에 대한 호환성을 확인합니다.
