성공적인 온라인 사업을 위한 검색엔진마케팅의 중요성이 높아지면서 홈페이지의 메타태그(meta tag) 적용은 필수가 되었습니다. 하지만 아직도 많은 분들이 워드프레스 컨텐츠에 삽입되는 미디어 파일에 대한 메타태그는 적용하지 않는 경우가 많은데요. 미디어의 메타태그는 미디어가 어떤 내용을 담고 있고, 어떤 키워드를 전달하는지에 대한 요약이므로 검색엔진최적화(SEO)에 상당히 중요한 역할을 합니다.
이번 포스팅에서는 워드프레스 미디어에 적용되는 메타태그에는 어떤 것들이 있고 그 태그들이 어떤 역할을 하는지 함께 살펴보도록 하겠습니다.

워드프레스에 미디어 파입을 업로드하면 미디어에 대한 상세 정보를 입력할 수 있습니다.
이 때 입력하는 상세정보가 이 이미지에 대한 메타태그가 됩니다.
미디어에 적용할 수 있는 메타태그는 다음과 같습니다.

미디어 파일에 적용되는 메타태그(Meta Tag)

  • 제목 = Title Tag

Title Tag는 이름 그대로 미디어 파일의 제목을 의미합니다.
미디어 파일을 업로드 후 상세정보를 따로 입력하지 않을 경우, 기본적으로 파일명이 제목태그(Title Tag)에 적용됩니다. 

  • 캡션 = Caption

캡션은 이미지에 대한 짧은 설명을 말하며, 캡션 내용입력 시 이미지 하단에 적용됩니다.

  • 대체텍스트 = Alt Tag

대체텍스트를 입력하면 이미지의 Alt Tag에 적용됩니다.
Alt Tag는 홈페이지의 웹접근성 향상에도 영향을 미치는 중요한 요소입니다.

시각장애인들은 웹을 탐색할 때 '스크린리더'와 같은 보조기기를 이용해 웹 페이지에 대한 정보를 얻습니다. '스크린리더'가 웹페이지의 컨텐츠를 음성으로 변환해주는 역할을 하는 것이죠. 컨텐츠에 이미지가 삽입 되어 있을 경우, 글 작성자가 입력한 이미지 alt 태그를 이미지 정보로 안내합니다.
만약 이미지에 alt 태그가 적용되어 있지 않다면 스크린리더는 이미지의 파일명을 사용자에게 안내하게 됩니다. 
파일명이 이미지를 설명하는 키워드로 잘 적용되어있다면 상관 없겠지만 이미지와 아무 상관없는 'image_01' 이런 파일명이라면 시각장애인은 이미지 파일에 대한 정보를 얻을 수 없습니다.

워드프레스의 장점은 비교적 쉬운 제작관리, 반응형웹 등 다양합니다.
하지만 그 중에서도 우리가 워드프레스를 통해 컨텐츠를 발행하는 이유는 워드프레스가 타 CMS 툴에 비해 검색엔진최적화(SEO)에 용이하기 때문입니다. 따라서 컨텐츠 발행을 통해 더 많은 방문자를 확보하고, 모든 방문자에게(장애인, 비장애인) 만족도 높은 컨텐츠를 제공하기 위해서는 미디어 파일에 대한 메타태그를 잘 적용하는 것이 중요하겠죠?

신고
Posted by 인터넷나야나 nayana

댓글을 달아 주세요

워드프레스 최대 장점으로 알려져 있는 반응형 웹(Reponsive wep).
하지만 워드프레스로 홈페이지를 제작한다고 해서 모두 반응형 웹(Reponsive wep)이 지원되는 것은 아닙니다.

최근 유료 테마의 경우 대부분 반응형웹을 지원하고 있지만, 일부 유료 테마 중에서는 지원하지 않는 경우가 있는데요. 따라서 반응형웹이 지원되는 워드프레스 사이트를 제작하기 위해서는 테마를 구매할 때 반응형이라고 표기가 되어있는지 꼼꼼히 확인 후 워드프레스 테마를 선택해야 합니다.

그렇다면 대체 왜 
홈페이지 제작 시 반응형웹을 고려해야할까요?

과거에는 스마트폰, 테블릿이라는 개념이 없어 홈페이지를 접하는 수단이 PC로 한정되어 있었습니다.
따라서 다른 기기의 출력화면은 고려할 필요없이 PC에서만 잘 보이게 홈페이지를 만들면 되었는데요.

IT 기술, 인터넷 기술의 발달과 함께 현재는 다양한 기기를 통해 인터넷을 이용할 수 있게 되었습니다.
PC, 스마트폰, 태블릿 등 다영한 기기를 이용하여 홈페이지에 접속하고
안드로이드, 아이폰 등의 OS에서 부터 인터넷익스플로러, 엣지, 크롬, 파이어폭스 등 다양한 브라우저는 물론 각 기기에 따른 화면 크기 등 홈페이지 이용자를 만족시켜야하는 경우의 수가 많아졌습니다.

다양한 사용자의 환경을 충족시키기 위해 웹표준 코딩을 사용하고 반응형 홈페이지를 구축하는 것이죠. 하지만 홈페이지를 웹표준, 반응형웹으로 구축하면 기존의 홈페이지 제작에 비해 많은 비용이 발생하는 것이 사실입니다.


워드프레스는 기본적으로 웹표준을 적용하고 있습니다.
그리고 반응형 테마를 이용하면 별도의 추가 개발없이 반응형웹을 적용할 수 있습니다.
보다 합리적인 가격으로 반응형웹 홈페이지를 제작할 수 있는 것이지요:)


워드프레스로 만들어진 반응형웹 홈페이지는 브라우저 크기나 기기에 상관없이 최적화된 화면을 제공합니다. 보다 저렴한 비용으로 트렌드한 홈페이지 제작. 그리고 웹표준이 적용되는 반응형웹을 구축할 수 있다는 것이 워드프레스 홈페이지의 가장 큰 장점 중에 하나입니다.


한국형 워드프레스 테마샵ㅣ 보부상 워드프레스 테마
http://www.bbsetheme.com/

신고
Posted by 인터넷나야나 nayana

댓글을 달아 주세요

  1. 반응형 웹이 PC, 모바일 동일한 환경을 보여주니 보기에도 좋더라구요 ㅎㅎ

    2016.01.11 17:03 신고 [ ADDR : EDIT/ DEL : REPLY ]

워드프레스는 인터넷 웹사이트를 쉽게 만들고 관리할 수 있게 해주는 소프트웨어. 즉 홈페이지 관리 툴입니다. 이러한 종류의 소프트웨어를 콘텐츠관리시스템(CMS)이라고 하는데요.
3~4년 전만 하더라도 국내 홈페이지는 XE가 대세였지만 2013년을 기점으로 워드프레스가 국내 1위 CMS 도구로 점유율을 높이며 사용자들 사이에서 크게 전파되고 있습니다.

또한 웹기술 조사 사이트 W3techs가 발표한 2015년 1월 통계에 따르면 전세계 홈페이지 시장에서 워드프레스의 점유율은 23%이고, CMS 시장 점유율은 60%로 보도되고 있어 워드프레스 열풍은 앞으로도 계속될 것으로 전망됩니다.

그렇다면 검색엔진최적화(SEO), 반응형웹 등 구글 검색노출에서도 다양한 장점을 가지고 있는 워드프레스로 홈페이지나 쇼핑몰을 제작할 때 꼼꼼히 체크해야할 점들은 어떤 것들이 있을까요?
이번 포스팅에서는 워드프레스 홈페이지, 쇼핑몰 제작 시 확인해야할 체크 포인트를 함께 살펴보겠습니다.

 1. 콘텐츠관리시스템(CMS) 

일반적으로 워드프레스 관리자화면을 CMS라고 하는데 사는 지역에 맞는 워드프레스 언어 버전으로 설치를 하면 보다 쉽게 관리할 수 있습니다. 
워드프레스 한국어 버전은 워드프레스 공식 홈페이지에서 다운받을 수 있으며 테마제작사들이 커스터마이징하여 유료로 판매하는 테마들은 거의 한국어 CMS를 제공하고 있습니다.

 2. 플러그인 호환성 

워드프레스는 플러그인을 이용하면 추가 개발 없이 원하는 기능을 내 홈페이지/쇼핑몰에서 구현할 수 있습니다. 하지만 원하는 하나의 기능에 대해 수십가지의 플러그인이 검색되기도 하고, 워드프레스 버전이나 서버환경에 따라 플러그인간 충돌이 일어날 수 있는데요.
따라서 내 워드프레스 환경과 해당 플러그인이 지원하는 환경을 비교하여 플러그인이 구동이 되는지, 충돌은 없는지, 홈페이지 용량에 영향은 없는지 등을 꼼꼼하게 체크해야 합니다.

한가지 팁을 준다면 플러그인을 통해서만 지원하는 기능을 테마제작사의 커스터마이징을 통해 테마관리자모드에서 자체지원하는 테마들이 있습니다. 이러한 테마들을 이용하면 플러그인 선택, 지원한경 등의 고민없이 홈페이지, 쇼핑몰 운영에 필요한 기능을 적용할 수 있습니다.

 3. 반응형 여부 

현재는 웬만한 테마들은 반응형웹을 지원하고 있지만 일부 무료테마 그리고 유료테마라도 테마제작사에서 옵션수익을 위해 반응형 웹 지원이 빠져있는 경우가 있습니다.
워드프레스를 쓰는 중요한 이유중의 하나인 반응형웹을 기본적으로 지원하는 테마인지 확인하여 홈페이지, 쇼핑몰 제작 비용을 절감하는 것이 중요합니다.

 4. 국내 홈페이지 시장 반영 여부 

해외 홈페이지 시장과 국내 홈페이지 시장은 관련 법규부터 시작해서 다른 부분이 많습니다.
보안서버(SSL), 개인정보취급방침, 회원관리, 게시판 등 국내실정에 맞는 기능들을 구현해야하는데요.
위에 나열한 기능들은 플러그인을 통해 지원이 되지만 해당 플러그인 기능이 국내 실정에 정확하게 맞는지 꼼꼼히 살펴봐야합니다.
게시판을 예를 들면 스킨설정이 가능한지(리스트, 갤러리, 웹진 등), 카테고리를 설정하여 관리가 쉬운지, SNS 공유기능이 있는지, 단어필터링, 댓글기능의 세부적인 설정이 되는지 등 세부적으로 국내의 일반적인 게시판과 기능이 동일한지를 체크해야하는 것이지요.

저희 보부상 워드프레스 테마는 국내 홈페이지 시장에 맞는 한국형 워드프레스 테마를 제공하고 있습니다.
반응형 웹지원은 물론! 홈페이지, 쇼핑몰 운영을 위한 부가서비스 등 다양한 기능들이 테마 내 자체기능으로 제공되어 별도의 플러그인 설치 없이 테마구매만으로도 다양한 기능을 이용하실 수 있습니다.

국내 유일! 한국형 워드프레스 테마샵 '보부상 워드프레스 테마'를 통해
나에게 꼭 맞는 홈페이지, 쇼핑몰을 제작하시길 바랍니다.


한국형 워드프레스 테마샵 ㅣ보부상 워드프레스 테마
http://www.bbsetheme.com/




신고
Posted by 인터넷나야나 nayana

댓글을 달아 주세요

사물인터넷 시대, 모바일 시대가 도래하면서 모바일 홈페이지에 대한 중요성이 더욱 더 증가하고 있습니다.
신규로 홈페이지를 제작하는 경우 웹접근성을 염두한 반응형 웹제작이 필수지만,
이미 웹용 홈페이지로 제작되어진 홈페이지의 경우 새로 홈페이지를 제작하기엔 시간적으로나 경제적으로 많은 부담이 되기 때문에 '모바일 웹'을 제작하는 것도 하나의 방법입니다.

모바일웹이란,

PC에서 웹사이트를 보듯이 휴대폰으로 웹사이트를 이용할 때, PC용 사이트가 아닌 모바일에서 최적화된 사이트를 말합니다.

모바일웹이 미적용된 사이트 접속 시

 모바일웹이 적용된 사이트 접속 시 

로딩시간이 길어지며 화면이 작아 보기 불편하며 원하는 정보를 일일이 확대하여 확인해야 하므로 사이트 이용이 불편합니다. 

스마트폰 사이즈에 맞추어 보여지기 때문에 화면 로딩속도가 빠르며 중요 컨텐츠를 바로 노출하여 고객에게 원하는 정보를 빠르게 전달합니다. 


모바일웹의 필요성

언론은 물론 전세계의 관심사 중 하나가 바로 스마트폰입니다.
이미 애플의 아이폰을 시작으로 스마트폰의 폭발적인 관심과 확산에 따라 휴대폰으로 인터넷을 이용하는 사용자가 급증하고 있습니다. 2-30대 젋은 연령층은 물론 4-50대까지 모바일을 이용한 인터넷 사용이 증가하고 있는데요.
실제로 쇼핑몰에서의 구매전환은 모바일 구매자가 PC를 통한 구매율을 넘어서고 있습니다.
모바일웹이 준비되지 않은 사이트의 경우 그 만큼 잠재고객을 잃고 있는 셈입니다.

모바일웹의 중요성

파이어폭스, 애플사파리, 익스플로러, 구글, 크롬 등 모든 웹브라우저에서 최적화 되도록 만들어져 쉽게 접근할 수 있습니다.
스마트폰으로 언제 어디서나 인터넷 접속이 가능하므로 원하는 정보를 바로 얻을 수 있습니다.
중요 컨텐츠를 바로 노출하여 고객에게 원하는 정보를 빠르게 전달할 수 있습니다.
홈페이지의 게시판, 회원관리 등 모바일과 연동이 가능하여 쉽게 관리할 수 있습니다.
전화상담 및 SMS 상담이 용이해집니다.


홈페이지 제작 전문업체 (주)인터넷나야나ㅣ웹호스팅, 도메인, 서버호스팅, 홈페이지 제작
http://www.nayana.com/

신고
Posted by 인터넷나야나 nayana

댓글을 달아 주세요


티스토리 툴바