웹 사이트를 모바일 친화적으로 만드는 방법

이 안내서에 대하여

모바일 친화적 인 웹 사이트 infographic
모바일 친화적 인 웹 사이트보기 [Infographic]

우리가 살고있는 급변하는 디지털 세상에서 끊임없는 기술 발전으로 즉각적인 접근이 가능한 정보가 넘칠 수 있습니다. 이것은 사람들이 더 많은 정보와 더 많은 서비스를 위해 배고프다. 현재 위치와 온라인 세계를 탐색하는 데 사용하는 장치 유형에 관계없이 원하는 정보에 즉시 액세스하기를 원합니다..

고객이 이동 중에 정보에 액세스 할 수있게하는 것은 전 세계 거의 모든 비즈니스 조직의 최우선 과제 중 하나가되었습니다. 고객에게 훨씬 더 나은 사용자 경험을 제공하여 여러 중요한 수준에서 비즈니스를 크게 개선 할 수 있습니다. 그렇기 때문에 모든 비즈니스 소유자가 모바일 사용자에게 완벽한 모바일 환경을 제공하기 위해 모바일 친화적 인 웹 사이트를 만드는 것이 중요합니다. 블로그를 만들려는 경우에도 동일한 규칙이 적용됩니다. 모바일 친화적이어야합니다.

모바일 친화적 인 웹 사이트?

모바일 친화적 인 웹 사이트는 모바일 장치, 즉 스마트 폰 및 태블릿에 웹 사이트 콘텐츠를 표시하도록 설계된 웹 사이트입니다. 모바일 사용자가 원하는 콘텐츠를 읽고 방문하기로 선택한 웹 사이트를 훨씬 쉽게 탐색 할 수 있기 때문에 모바일 장치에 최적화되어 있습니다..

모바일 친화적 인 웹 사이트
67 % 사용자 중 모바일 친화적 웹 사이트를 구축 한 업체에서 제품이나 서비스를 구매할 가능성이 더 높았습니다
모바일 친화적이지 않은 웹 사이트
61 % 사용자 중 모바일 친화적 웹 사이트가 아닌 웹 사이트를 떠나겠다고했습니다

즉, 모바일 친화적 인 웹 사이트는 사이트 방문자가 사용하는 모바일 장치의 화면 크기 및 해상도에 쉽게 조정됩니다. 이를 통해 몇 초 만에 원하는 것을 찾을 수 있습니다..

모바일 친화적 인 방식으로 인터페이스 및 웹 사이트의 컨텐츠를 형식화하면 탐색을보다 쉽게하고 텍스트를보다 쉽게 ​​읽을 수 있도록 더 크게 만들 수있을뿐만 아니라 추가하여 터치 스크린에 맞게 웹 사이트를 최적화 할 수 있습니다 터치하기 쉬운 요소. 그리고 웹 사이트의 다운로드 속도가 상당히 향상 될 것입니다.

모바일 친화적 인 웹 사이트를 구축하는 것이 중요한 이유

모바일 친화적 인 웹 사이트를 보유하면 비즈니스에 큰 영향을 미치고 수익을 높일 수 있습니다. 1 년 이상 전에 모바일 사용이 데스크톱 사용을 초과하여 온라인 트래픽의 절반 이상이 모바일 장치에서 발생 함을 보여줍니다..

대부분의 고객이 휴대 전화와 태블릿을 통해 웹 사이트를 방문하는 것이 가장 쉽기 때문에 모바일 친화적 인 웹 사이트 만들기를 고려해야하는 가장 중요한 이유 중 하나입니다..

2015 년 4 월 21 일 Google은 모바일 기기에 최적화 된 웹 사이트가 모바일 검색 엔진 결과에 우선권을 부여하여 웹 사이트 소유자에게 웹 사이트를 개선하고 사용자에게 더 나은 사용자 경험을 제공하도록 촉구하는 여러 순위 알고리즘 업데이트 중 하나를 출시했습니다..

따라서 웹 사이트를 모바일 용으로 만들면 검색 엔진에서 웹 사이트 순위에 큰 영향을 줄 수 있습니다. 검색 가시성을 향상시키고 제공하는 브랜드 아이덴티티 및 사용자 경험을 향상시킬 수 있습니다. 또한 웹 사이트를 리드 생성기로 전환하는 데 도움이 될 수 있습니다.

모바일 기기의 급성장
모바일 장치는 이제 거의 3 개 중 2 개 온라인으로 보낸 시간
휴대 기기에서 보낸 시간
평균 사용자 지출 4-5 시간 모바일에서 하루
모바일 디지털 미디어
미국의 모바일 디지털 미디어 시간이 현재 51 % 데스크톱 대비 (42 %)

왜 지금 모바일로 가야합니까

모바일로 이동

모바일 장치에 맞게 웹 사이트를 최적화하면 여러 가지 방법으로 비즈니스에 도움이됩니다. 장기적으로 비즈니스를 개선하는 데 도움이되는 가장 중요한 사항을 살펴 보겠습니다..

웹 사이트 트래픽 증가

모바일 검색 트래픽
약 60 % 검색 트래픽은 휴대 기기에서 발생합니다.

상위 5 디지털 마케팅 담당자에게 가장 흥미로운 기회, 소셜 미디어 참여 및 타겟팅 / 개인화보다 모바일 최적화가 최고입니다.

43 % 모바일 최적화
35 % 소셜 미디어 참여
35 % 타겟팅 및 개인화
30 % 콘텐츠 마케팅
30 % 컨텐츠 최적화

웹 사이트의 90 %가 최적화 될 준비가되지 않았습니다!

모바일 사용자 수가 증가함에 따라 완벽한 모바일 경험을 제공함으로써 많은 고객을 유치 할 수 있습니다. 이렇게하면 웹 사이트에 더 많은 트래픽이 발생합니다. 오늘날 사람들은 데스크톱이나 랩톱 컴퓨터를 사용하여 TV를 시청하는 동안에도 스마트 폰을 사용합니다. 그들은 출근하는 동안이나 종종 직장에서 계속 사용합니다..

또한 Google은 특정 웹 사이트가 모바일 용이 아닌지를 인식합니다. 휴대 기기에 최적화되지 않은 웹 사이트는 검색 결과에 합법적 인 검색 결과로 표시 될 가능성이 적습니다. 당연히 이는 검색 엔진 결과 페이지의 순위에 부정적인 영향을 미치고 길을 구축하고 웹 사이트에 더 많은 트래픽을 발생시키기 위해 경쟁에서 훨씬 뒤쳐 질 수 있습니다.

따라서 모바일 친화적 인 웹 사이트를 구축하면 자연 검색 결과에 큰 도움이되고 사이트에 더 많은 트래픽을 유도하여 궁극적으로 검색 엔진 순위를 높일 수 있습니다.

더 나은 사용자 경험

휴대 기기를 사용하는 대상 고객이 웹 사이트에 쉽게 액세스하고 원하는 상품이나 서비스를 몇 초 만에 찾을 수있게되면 사용자 경험이 크게 향상됩니다..

이제 대부분의 방문자가 스마트 폰과 태블릿을 사용하여 제공해야 할 내용을 확인하고있을 가능성이 훨씬 큽니다. 따라서 데스크톱 및 모바일 사용자 모두에게 더 나은 사용자 경험을 제공하는 것이 최우선 과제 중 하나 여야합니다.

Google은 검색 엔진에서 웹 사이트의 순위를 결정하기 위해 사용자 경험을 색인화하기 때문에 더 나은 사용자 경험은 더 높은 SEO 순위를 의미합니다. 따라서 모바일 사용자에게 더 나은 사용자 환경을 제공 할 수있는 경우 검색 순위를 개선하고 트래픽을 늘리는 데 도움이되는 SEO 순위를 향상시킬 수 있습니다..

물론 그렇다고해서 데스크톱이나 랩톱 컴퓨터를 사용하는 고객과 잠재 고객을 완전히 무시해야한다는 의미는 아닙니다. 사이트에 유입되는 많은 양의 트래픽을 설명하고 여전히 고객 기반의 중요한 부분이기 때문입니다..

나쁜 모바일 경험
40 % 모바일 경험이 좋지 않은 소비자 중 다수가 경쟁 업체 사이트를 방문합니다.
97 % 웹 사이트 중 UX에서 실패합니다. UX에서 실패한 웹 사이트는 사용자 불만 및 전환율 저하로 어려움을 겪고 있습니다.

전환율 증가

웹 사이트로 더 많은 트래픽이 유입 될수록 타겟 고객을 귀하의 콘텐츠로 끌어 들이고 양질의 리드를 유도 할 수있는 더 나은 기회를 얻게됩니다. 궁극적으로 이러한 리드를 고객으로 전환합니다. 점점 더 많은 사람들이 귀하의 웹 사이트를 방문하게되며 훌륭한 사용자 경험을 제공함으로써 전환율을 크게 높일 수 있습니다.

무인 웹 사이트
48 % 사이트가 스마트 폰에서 제대로 작동하지 않으면 회사가 비즈니스에 관심이없는 것처럼 느껴집니다.

온라인 쇼핑객의 대부분은 실제로 모바일 사용자입니다. 그리고 점점 더 많은 제품이나 서비스를 검색하는 동안 스마트 폰과 태블릿을 통해 인터넷을 탐색하고 있습니다..

편리하고 쉬운 탐색 기능을 제공하지 않으면 기존 고객과 잠재 고객을 모두 잃게됩니다. 고객이 귀하의 사이트를 떠나 경쟁의 우호적 인 사이트로 이동할 가능성이 높기 때문입니다.

따라서 휴대 기기 탐색을 선호하는 대상 고객의 요구를 충족함으로써 더 많은 고객을 유치하고 전환율을 높일 수 있습니다. 전환율이 높을수록 이익 전환이 훨씬 쉬워지고 ROI에 긍정적 인 결과가 나타납니다.

브라우징 속도
오늘날과 진정으로 경쟁하고 사이트에서 사람들을 유지하려면 Wi-Fi 및 WiFi가 아닌 연결을 완벽하게 지원하고 완벽한 세상에서, 4 초 안에 페이지를로드.

오늘날 모바일 사용자의 절반 이상이이 시간 동안 사이트가로드 될 것으로 예상하고 있으며 일반적으로 스마트 폰의 브라우징 속도에 약 80 %가 불만족합니다.

최적화되고 가벼운 웹 사이트
명심해야 할 몇 가지 사항은 먼저 시각적 콘텐츠를 최적화하고 (이미지 품질에 영향을주지 않으면 서 파일 크기를 줄임) 사이트 전체를 유지하는 것입니다. 1MB 미만의 크기

이탈률 감소

웹 사이트에서 모바일 사용자가 눈을 가늘게 뜨고 페이지를 확대하거나 추가 기능을 설치하여 휴대 기기에서 웹 사이트를 표시 할 수있게되면 이탈률이 매우 높아질 수 있습니다. 모바일 사용자가 단순히 웹 사이트를 떠나고 번거롭지 않은 경쟁 사이트로 이동하는 것이 더 쉽습니다..

웹 사이트를 모바일 용으로 만들면 이탈률이 크게 줄어 듭니다. 또한 모바일 사용자에게 직관적 인 경험을 제공하기 때문에 사이트에 더 오래 머무를 수 있도록 가치를 부여함으로써 브랜드에 참여할 수있는 더 큰 기회가 있습니다.

데스크톱 용으로 만 최적화 된 웹 사이트는 모바일 장치에서 제대로 렌더링되지 않으므로 사이트를 방문하는 모바일 사용자가 즉시 떠날 수 있습니다. 또한 이러한 웹 사이트는 휴대 기기에로드하는 데 훨씬 오래 걸립니다. 온라인 쇼핑객은 2 초 이내에 페이지가로드 될 것으로 예상합니다. 3 초가지나면서 많은 수의 쇼핑객이 다른 곳으로 향했습니다..

페이지로드 시간은 모든 성공적인 웹 사이트에서 가장 중요한 요소 중 하나이며 이탈률 및 전환율에 큰 영향을 줄 수 있습니다. 특히, 페이지로드 시간이 1 초 지연되면 전환율이 7 % 줄어들고, 페이지로드 시간이 2 초 지연되면 이탈률이 87 %까지 증가 할 수 있습니다..

더 나은 사용자 경험을 위해 웹 사이트의 속도를 최적화하면 비즈니스 수익에 이점이 있습니다. 웹 사이트가 방문자의 태블릿 및 스마트 폰에서 훨씬 더 잘 작동하여 이탈률을 줄이고 고객 기반을 늘리는 데 도움이되므로 휴대 기기 용 웹 사이트를 최적화하면이 목표를 달성하는 데 도움이됩니다..

고객 충성도
90 % 모바일 검색이 50 % 구매로 이어짐

고객 충성도 향상

고객에게 더 나은 사용자 환경을 제공하면 고객 충성도를 높이고 평생 고객과 브랜드 홍보 대사를 확보 할 수 있습니다. 모바일 친화적 인 웹 사이트는 바로 그 일을 할 수있게 해주 며 평판을 높이고 브랜드 이미지를 향상시키는 데 도움이됩니다..

만족스러운 모바일 경험을 통해 고객과의 신뢰를 구축하고 더 많은 브랜드 참여를 확보 할 수 있습니다. 고객이 제공 할 수있는 정보가 필요할 때마다 신뢰성이 높아지고 신뢰할 수있는 리소스가됩니다. 고객이 원하는 모바일 경험을 고객에게 제공하지 않으면 경쟁에서 영구적으로 잃어 버릴 위험이 있습니다..

모바일 친화적 인 웹 사이트를 만드는 방법 선택

접근 방식을 선택

모바일 친화적 인 웹 사이트를 만드는 방법에는 두 가지가 있습니다. 어떤 접근 방식을 선택 하느냐는 비즈니스 우선 순위에 전적으로 달려 있습니다. 즉, 완전히 새로운 모바일 사이트를 만들거나 반응 형 웹 사이트 디자인이라고하는 다양한 모바일 장치에 자동으로 적응하도록 자신의 웹 사이트를 디자인하도록 선택할 수 있습니다.

모바일 웹 사이트 구축

2019 년 스마트 폰 TOP 5
2016 년 상위 5 대 스마트 폰
삼성 21.4 %
사과 18.7 %
화웨이 8.1 %
레노버 5.1 %
샤오 미 4.6 %
다른 모든 전화 공급 업체는 42.1 % 휴대 전화 시장

별도의 모바일 웹 사이트를 구축한다는 것은 모바일 하위 도메인 (m.example.com), 웹 사이트의 하위 폴더 (example.com/mobile) 또는 완전히 별도의 모바일 URL이 될 수있는 별도의 URL에 웹 사이트의 모바일 버전을 호스팅하는 것을 의미합니다. 도메인 (example.mobi).

별도의 모바일 사이트를 사용하는 경우 웹 페이지가 화면 크기의 작은 차이에 적응할 수 있도록 반응 형 웹 디자인 요소를 통합해야합니다..

별도의 모바일 웹 사이트를 구축하면 분명히 장점과 단점이 있습니다. 모바일 웹 사이트는 기본 웹 사이트에 추가되며 이동 중에 사용하기에 최적화되어 있습니다. 일반 도메인보다 모바일 검색에 나타날 가능성이 높기 때문에 검색 가시성에 큰 도움이됩니다. 또한 최소 대역폭을 사용하므로 다른 웹 사이트보다 훨씬 빠릅니다..

모바일 사용자의 관점에서 볼 때 별도의 모바일 웹 사이트가 바람직합니다. 이러한 웹 사이트는 뛰어난 유용성을 제공 할 수 있습니다. 사이트를 방문하는 모바일 사용자는 자동으로 모바일 전용 URL로 리디렉션되지만 태블릿 사용자에게는 데스크톱 쪽이 표시되므로 모든 기기에서 콘텐츠가 일관되지 않습니다.

4 인치 폰 화면
4 인치 폰이 가장 인기가 있습니다 영국, 프랑스, ​​독일, 이탈리아, 호주, 일본 및 미국을 포함한 대부분의 국가에서 이것은 iPhone 5 및 5S의 큰 인기로 인해 발생합니다.

그러나 비즈니스 관점에서 별도의 모바일 웹 사이트를 구축하면 유지 관리해야 할 웹 사이트가 두 개가 생겨 돈을 언급하는 데 많은 시간이 걸릴 수 있습니다. 새 웹 사이트를 처음부터 처음부터 검색해야합니다. 또 다른 중요한 점은 콘텐츠가 중복되어 Google에 불이익을 줄 수 있다는 것입니다. 그러나 적절한 문제를 해결하여이 문제를 해결할 수 있습니다. 양방향 주석. 이렇게하면 웹 사이트에 중복 된 콘텐츠가 아닌 두 개의 URL이 동일한 콘텐츠를 가진 것으로 표시됩니다.

인기있는 화면 해상도
화면 해상도 측면에서 가장 인기는 640 × 1136, 750 × 1334, 1080 × 1920 및 720 × 1280입니다.
모바일 결제
20.2 % 북미 인 정기적으로 모바일 결제 사용 – 그 비율은 5 천 5 백만명으로, 회사가 내년에 39.2 % 성장할 것으로 예상합니다..

많은 비즈니스 소유자는 모바일 친화적 인 웹 사이트를 만들기 위해 모바일 우선 접근 방식을 사용하기로 결정합니다. 기본적으로 모바일 장치 용 웹 사이트를 디자인하고 데스크톱 디자인에 맞춰 작업하는 것을 의미합니다. 웹 사이트를 처음 만들 때 가장 좋은 방법은 웹 사이트가 휴대 기기에서 잘 작동하도록하면 데스크톱에서 더 잘 작동하기 때문입니다..

그러나 처음으로 웹 사이트를 구축하지 않고 단순히 모바일 장치에 맞게 기존 사이트를 최적화하려는 경우 다른 URL에 사이트의 모바일 버전을 추가하거나 웹 사이트를 다시 디자인하여 레이아웃에 맞게 조정할 수 있습니다 반응 형 웹 디자인을 사용하는 모든 장치.

반응 형 웹 사이트 디자인

모바일 디지털 광고
휴대 기기 계정 모든 디지털 광고의 50 % 2019 년

반응 형 웹 사이트 디자인이란 기존 웹 사이트를 레이아웃을 변경하여 다양한 모바일 장치에 자동으로 적응할 수있는 방식으로 디자인하는 것을 의미합니다. 따라서 어떤 기기를 보더라도 웹 사이트는 자동으로 해당 기기의 화면 크기와 해상도에 맞게 조정되어 사용자 경험을 크게 향상시킵니다. 또한 반응 형 웹 디자인은 Google에서 권장하는 디자인 패턴입니다..

모바일 상거래는 빠르게 성장하고 있습니다
$ 3 빌. 2010 년
6 달러 2011 년
$ 10 2012 년
$ 14 2013 년
$ 19 2014 년
25 달러 2015 년
$ 31 2016 년

반응 형 웹 사이트는보고있는 장치를 인식하고 최적의보기를 위해 자동으로 크기를 조정합니다. 반응 형 웹 사이트를 구축하면 스마트 폰과 태블릿을 사용하는 사람들에게 최상의 사용자 환경을 제공하여 사이트를 방문 할 수 있습니다. 그리고 당신은 그들을 경쟁자에게 잃을 위험을 완화합니다.

기존 및 잠재 고객에게 원하는 것을 정확하게 제공하고 고객 기반을 확대하고 더 많은 수익을 창출하는 데 성공하고자합니다. 따라서 반응 형 웹 사이트를 구축함으로써 고객에게 빠른 로딩 페이지, 쉬운 탐색 및 원하는 웹 사이트를 빠르고 쉽게 찾을 수있는 간소화 된 웹 사이트를 제공 할 수 있습니다.

웹 사이트를 모바일 용으로 만드는 방법

디지털 컨텐츠 관리
소비자에 따른 가장 중요한 모바일 최적화 요소
접근성
접근 가능하게

모바일 사이트는 모든 모바일 장치에서 작동해야합니다.
클릭 수
하나 또는 두 개의 탭으로 모든 정보에 액세스 할 수 있습니다
검색 창
검색 막대는 찾기 쉽고 사용하기 쉽습니다.
아이콘처럼
깨끗하고 효율적인 웹 사이트 만들기
데스크탑 버전
전체 데스크탑 웹 사이트로 이동하는 옵션 제공
손가락 버튼
사용자는 큰 손가락 친화적 인 버튼을 선호합니다. 다른 사람의 손이 쉽게 상호 작용할 수 있도록 웹 사이트를 디자인하십시오.
가시성 디자인
가시성을위한 디자인
고객이 컨텐츠를 쉽게 읽을 수 있도록하십시오.
비 스크롤 양식
채움 양식을 비 스크롤링으로 몇 개의 필드만으로 작성
한 방향으로 스크롤
대부분의 사용자는 한 방향으로 만 위, 아래 또는 왼쪽, 오른쪽으로 스크롤합니다.
구매하다
쉽게 변환 할 수 있도록
사용자가 구매하거나 연락 할 수있는 명확한 방법을 만듭니다..
위치 및 운영 시간
위치 및 운영 시간을 표시하는 것이 중요합니다
클릭하여 전화
웹 사이트에서 “클릭 투 콜”기능을 고려하십시오.
이메일 주소
이메일 주소를 표시하십시오
소셜 네트워크 계정
소셜 네트워크 계정을 나타냅니다
모바일 사이트 리디렉션
모바일 사이트 리디렉션
휴대 기기에서 웹 사이트를 방문하는 방문자가 휴대 기기 친화적 인 사이트로 리디렉션되도록합니다..
테스트 및 최적화
듣고 배우고 반복
지속적인 프로세스 테스트 및 최적화.

아래로 스크롤

웹 사이트를 모바일 친화적으로 만드는 방법은 여러 콘텐츠 관리 시스템 (CMS) 중 하나를 사용하여 디지털 콘텐츠를 관리하는지 또는 웹 사이트 빌더를 사용하는지에 따라 다릅니다..

CMS

CMS를 사용하여 웹 사이트를 모바일 친화적으로 만드는 것이 최선의 선택입니다. 웹 사이트의 두 가지 별도 버전을 만들 필요없이 필요한 솔루션을 제공하기 때문입니다..

가장 인기있는 CMS 플랫폼은 WordPress, Joomla 및 Drupal입니다. 다양한 모바일 플러그인, 테마 및 템플릿을 제공하여 웹 사이트를 반응 형 웹 사이트로 전환하여 가능한 모든 모바일 기기에 맞게 조정할 수 있도록 도와줍니다..

웹 사이트에 어떤 유형의 콘텐츠 관리 시스템을 사용하든 웹 사이트를 모바일 친화적으로 만들려면 웹 사이트 테마를 변경하거나 맞춤 설정해야합니다. 물론 선택한 테마는 웹 사이트를 보는 다양한 장치에 적용 할 수 있도록 반응 형 디자인 원칙을 채택해야합니다..

이미 사용중인 테마에 사용 가능한 업데이트가 있는지, 해당 업데이트가 모바일 용인지 여부를 먼저 확인할 수 있습니다. 그렇다면 테마 업데이트 만하면됩니다. 더 중요한 것은 테마를 업데이트하면 웹 사이트에 새로운 보안 수정 사항이 제공되므로 웹 사이트와 전체 비즈니스가 모두 향상됩니다..

워드 프레스

웹 사이트가 WordPress.com에서 호스팅되는 경우 WordPress는 이미 가지고있는 테마에 따라 웹 사이트를위한 모바일 친화적 인 테마를 자동으로 제공합니다. 자체 웹 호스팅 회사에서 WordPress를 사용하는 경우 다음 방법 중 하나를 사용하여 테마 및 WordPress 버전을 확인할 수 있습니다..

  • 최신 버전 및 이전 버전의 WordPress 설치에 대한 대시 보드 상단 또는 바닥 글의 버전 번호를 확인할 수있는 관리 패널을 확인하십시오..
  • 또는 설치된 WordPress가있는 웹 사이트로 이동하여 웹 브라우저의 “소스보기”기능을 사용하여 생성기 메타 태그 페이지를 검색하면 버전 번호가 제공됩니다. WordPress 설치 버전 번호는 /wp-includes/version.php 파일에도 있습니다..

줌라

당신이 사용하는 경우 줌라 CMS로서 관리 인터페이스를 확인하거나 관리 인터페이스의 시스템 정보 페이지를 확인하거나 버전 번호가 포함 된 /version.php 파일을 확인하여 사용중인 설치 버전을 확인할 수 있습니다. / libraries / joomla / 파일.

Joomla 버전이 최신 버전이 아닌 경우 Joomla 버전 및 템플릿을 업데이트 할 수 있습니다. 다른 옵션은 Joomla 버전을 업데이트하지 않고도 웹 사이트를 모바일 용으로 만들 수 있기 때문에 모바일 용 Joomla 확장 프로그램을 설치하는 것입니다.

드루팔

사용중인 경우 드루팔 CMS로 전체 웹 사이트를 모바일 친화적 인 새로운 테마로 변환하고 싶다면 반응 형 웹 디자인 가이드 Drupal에서 제공합니다. 반응 형 테마 목록을 찾고 웹 사이트에 적합한 테마를 선택할 수 있습니다. 선택한 테마를 설치하면 좋습니다..

테마 테스트

테마를 업데이트 한 후 선택한 테마의 라이브 데모 페이지를 방문하여 데스크톱 및 모바일 장치에서 테마가 어떻게 작동하는지 테스트하십시오. 테마에는 일반적으로 데모 페이지로 연결되는 링크가 있으며 선택한 테마에 사용자 요구에 맞는 반응 형 디자인이 있는지 확인하는 가장 쉬운 방법입니다. 테마가 원하는 방식으로 작동하는지 확인하는 가장 좋은 방법은 모바일 장치를 사용하여 데모 페이지를 방문하는 것입니다..

그러나 다음을 방문 할 수도 있습니다. PageSpeed ​​통계 도구를 사용하면 선택한 테마가 휴대 기기에서 잘 작동하는지 알 수 있습니다. Chrome은 테마의 동작을 확인하는 또 다른 대안을 제공합니다. Chrome 개발자 도구에서 ‘모바일 기기 에뮬레이션’도구를 사용합니다. Chrome 메뉴보기> 개발자> 개발자 도구에서 도구를 찾을 수 있습니다..

선택한 테마가 모바일 친화적 인 것으로 판명되고 데스크톱 및 모바일 장치 모두에서 잘 작동하는 경우 마지막 테스트를 수행하여 웹 사이트가 반응 형이며 모든 장치에서 제대로 렌더링되는지 확인하십시오. 다음을 사용하여 최종 점검을 할 수 있습니다. 모바일 친화적 테스트 도구를 사용하면 웹 사이트의 URL을 상자에 입력하기 만하면 웹 사이트를 빠르게 분석하여 몇 초 안에 결과를 제공합니다..

귀하의 웹 사이트가 여전히 모바일 친화적이지 않은 경우, Mobile-Friendly Test는 귀하의 웹 사이트가 모바일 장치에 최적화되도록하기 위해 수정해야 할 사항에 대한 유용한 정보를 제공 할뿐만 아니라 그 이유를 알려줍니다..

웹 사이트 빌더

웹 빌더 리뷰
웹 빌더 리뷰

한 줄의 코드를 작성하지 않고도 웹 사이트를 모바일 친화적으로 만드는 데 도움이되는 반응 형 웹 빌더가 많이 있습니다. 사용하기 쉬운 도구가 있으며 모바일 친화적 인 웹 사이트를 빠르게 만들 수 있습니다. 웹 빌더는 웹 사이트를 호스팅하고 유지 관리 할 수 ​​있으므로 기본적으로 모든 작업을 수행 할 수 있습니다. 이를 통해 컨텐츠 작성 및 비즈니스 목표 달성에 집중할 수 있습니다..

가장 많이 사용되는 웹 빌더는 Wix, Weebly 및 Squarespace입니다. 그러나 웹 사이트를 보는 데 사용되는 모든 장치에 적합한 반응 형 디자인으로 웹 사이트를 개선하는 데 도움이되는 사용하기 쉬운 도구가있는 더 많은 웹 빌더가 있습니다..

웹 사이트 빌더에는 컨텐츠를 웹 사이트로 끌어서 놓아 원하는 것을 즉시 게시 할 수있는 도구가 있습니다. 웹 사이트를 호스팅하고 모든 기술적 인 내용을 관리하여 매력적인 콘텐츠를 만드는 데 집중할 수 있습니다.

웹 빌더의 가장 중요한 기능은 웹 사이트를 자동으로 모바일 친화적으로 만드는 것입니다. 따라서 사용 가능한 옵션 중 하나를 사용하여 방문자가 사용하는 기기에 자동으로 반응하는 반응 형 디자인의 웹 사이트를 만듭니다..

웹 사이트 빌더를 선택할 때 귀하의 요구에 가장 적합한 것을 선택해야한다는 것은 말할 필요도 없습니다. 확실히 가격을 고려할 것이지만, 각기 다른 웹 빌더가 제공하는 디자인 및 도구와 제공하는 고객 서비스를 확인하는 것이 중요합니다.

윅스

첫 번째 사이트 가이드의 Wix 로고

Wix는 시장에서 가장 우수한 웹 사이트 빌더 중 하나입니다. 웹 디자인의 최신 트렌드에 맞는 디자인으로 가장 혁신적입니다. 코딩하는 방법을 몰라도됩니다. 콘텐츠를 드래그 앤 드롭하고 사이트 방문자에게 최상의 사용자 경험을 제공하기 만하면됩니다. Wix는 또한 산업별로 특화된 디자인과 도구를 갖추고 있으며 가능한 모든 틈새 시장을 포괄 할 수 있습니다.

위 블리

첫 번째 사이트 안내서의 weebly 로고

반면, Weebly는 단순하고 최소한의 사용자 인터페이스를 가지고 있으며 디자인은 Squarespace에서 제공하는 것과 크게 다릅니다. 그러나 디자인보다 단순성을 선호한다면 Weebly가 갈 길입니다. Squarespace보다 도구가 적으며 가장 쉬운 끌어서 놓기 웹 빌더입니다. 매우 사용자 친화적이며 모든 템플릿이 반응 형이며 40 가지가 넘는 미리 디자인 된 페이지 레이아웃을 선택할 수 있습니다..

제곱

첫 번째 사이트 안내서의 사각형 로고

제곱 우아하고 전문적인 디자인을 제공하므로 반응 형 웹 사이트를 만드는 데있어 시장을 선도하는 이유입니다. Squarespace가 제공하는 모든 디자인 템플릿은 매우 정교하며 사용자 경험을 훨씬 향상시킵니다. Squarespace는 연중 무휴 고객 지원을 제공합니다. 또한 웹 사이트의 스타일을 지정하고 사용자 정의하기 위해 선택할 수있는 광범위한 옵션 목록을 제공합니다. 다른 많은 웹 빌더는 코드를 편집 할 필요가없는 사이트 스타일을 맞춤 설정하기위한 옵션을 제공하지 않습니다.

결론

오늘날, 모바일 친화적 인 웹 사이트가 필요합니다. 모바일을 이용하면 방문자에게 더 나은 사용자 경험을 제공 할 수 있습니다. Google은 검색 결과에서 더 높은 순위를 차지하므로 변경 사항을 적용하고 그에 걸 맞는 속도를 유지하십시오.

모바일 장치에 최적화 된 웹 사이트를 만들기위한 많은 옵션이 있습니다. 사용 가능한 항목을 확인하고 필요에 가장 적합한 것을 선택하십시오.

지금이 중요한 세부 사항에주의를 기울이면 고객 기반을 구축하고 판매를 늘리며 충성도 높은 장기 고객을 확보 할 수 있습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map