7 years, 9 months 전-
현재 워드프레스로 사이트를 만들고 있는데요
pc버젼에서는 좋은데 모바일 버젼으로 보면 사이즈가 너무 안맞고
그런 부분들이 있어서요
모바일에서는 다르게 보여지게 편집을 할수가 있는지요?
워프를 이용해서
혹은 모바일용을 따로 만들수가 있는지요?
답변기다립니다
두가지 방법이 있습니다.
테마를 반응형으로 만들던가, PC view 와 모바일 view 에서 별도 style 적용을 하시던가. 이걸 RESS 기법이라고 합니다. 질문자 분께서 원하시는 “모바일용을 따로” 만드는.
둘 중 쉬운 방법은 반응형으로 만드는 것 입니다.
반응형은 css media queries 만으로 구축가능합니다.
RESS 기법은 간단하게 설명드리는게 불가능 합니다. 또 개발자가 아니시라면 절대 권유하지 않습니다.
반응형 테마 구축을 배워보세요. 어렵지 않습니다. 개발자가 아니시더라도 한 1년 정도만 공부하시면 될거에요.
좀 억지스런 방법일 수 있는데,
컨텐츠가 많지 않다면 m.naver.com 처럼 모바일페이지를 따로 만드는 것도 생각해 보세요.
(m처럼 메인도메인 앞에 붙이는) 서브도메인은 호스팅 말고 VPS나 홈서버 굴리면 쉽게 추가할 수 있습니다.반응형은 맨땅에 헤딩하듯이 만드는 것보다는
반응형테마 기반으로 사이트 구축하면서 가로해상도별로 CSS 조금씩 수정해 가시면 좀더 수월할 거예요.
=> 티스토리 스킨을 조작해보신 적이 있다면… 여유시간 날때마다 만드는 걸로 해서 1개월 정도면 될겁니다.일단 “지적질”을 하게 되서 짐농님께는 죄송합니다. 양해 부탁드립니다. ^^;;;;;;
아이폰이 출시되었을때 가장 먼저 시도되었던 방법이 짐농님께서 말씀하신 방식처럼 모바일 뷰 만 따로 도메인을 설정해서 컨텐츠를 보여주는 방식이었습니다.
그리고 금방 이 방법에 매우 큰 문제가 있다는 사실이 밝혀졌습니다.
컨텐츠 fragmentation 현상 때문에 SEO 에서 많은 손해를 본다는 것 이었습니다.
물론 내가 네이버라면 아무런 상관이 없습니다.
하지만 내가 네이버나 구글이 아니고, SEO 가 중요하다면 이렇게 m.naver, naver 로 url 을 나누는 것은 절대 피해야 하는 practice 입니다.
Matthew 님 지적에 대한 나름의 변명(?)을 할 수밖에 없는 상황이 되었네요.ㅠㅠ
모바일 전용사이트는 “사용자 친화적”인 목적이 강하다고 생각합니다.
(데이터 용량을 줄여서 로딩속도를 빠르게 하는 데 중점을 두는건데, 아이폰 이전 Windows Mobile 때부터 사용되던 방식이었습니다. 그시절은 모바일 전용사이트 로딩조차 버거웠죠. ㅠㅠ)URL이 나뉘면서 발생하던 구글노출 불이익은 요즘 해소되는 경향을 보이는데요,
실제로 모바일용 웹브라우저에서 구글검색하면 모바일사이트 URL이, PC용 웹브라우저에서 구글검색하면 PC사이트 URL이 뜨는 경우가 많더군요. 사이트 내용은 같고요.그 이유는…
https://developers.google.com/webmasters/mobile-sites/mobile-seo/separate-urls?hl=ko
구글에서 가이드라인을 제시했기 때문입니다. (느리다!! -_-^ )
“Google에서는 Googlebot 사용자 에이전트가 액세스만 할 수 있다면 특정 URL을 더 선호하지는 않습니다.”
라고 못을 박아버렸고, 사이트 운영자가 가이드라인대로 손을 쓰면 파편화는 해결되는 것이지요.——————————
사실 배포되는 대부분의 워드프레스 테마가 반응형 레이아웃이라
“테마 가져다 바꿔쓰는 패턴이시면” 반응형이 제일 편하긴 해요.“사이트 운영자가 가이드라인대로 손을 쓰면 파편화는 해결되는 것이지요”
그건 아닌게, 쉬운 예를 들자면 커뮤니티 사이트에서도 보면 어느 사람이 http://m.pann.nate.com/talk/335558943?order=B 같은 링크를 가져다 게시판에 붙여 넣으면, 그 링크를 누르는 저는 PC 로 보고 있는데도 모바일 페이지가 떠버립니다.
구글이 언급하는 rel=”canonical” 은 각 view 에 맞춰 자동 redirect 을 해주지는 않기 때문입니다.
모바일 전용사이트/페이지 구축이 나쁘다는 게 아닙니다.
fragmentation 이 발생하지 않으면서도 모바일 전용사이트/페이지 구축이 가능한 RESS 기법을 사용하면 반응형 사이트와 모바일 전용사이트 방식의 장점만 택할 수 있게 됩니다.
- 답변은 로그인 후 가능합니다.