HTML을 사용하여 맨 처음 문서를 작성할 때 하는 몇 가지 중 가장 먼저 문자 인코딩(언어셋) 선언이 필요합니다. 아래는 html에서 문자 인코딩(Encoding)은 무엇이고 어떻게 선언하며 사용하는지 정리한 내용입니다.# HTML 웹페이지 문서에 문자 인코딩 설정하기웹페이지를 생성한 소스를 들여보보면 가장 먼저 <head> 그리고 <body> 태그를 볼 수 있습니다. <body>태그 바로 위에 <head> 태그가 위치하는데 문자 인코딩 설정은 바로 <head> 내부의 <meta> 태그 안에 작성하게됩니다. 여기서 <meta>는 여기에는 작성한 또는 작성 할 웹페이지의 여러 메타 정보를 담고 있게됩니다. 이들 정보들은 웹브라우저에 다양한 정보를 전달하는데 현재 웹사이트 방문자(사용자)에게 보여지게 될 내
Last Modified : 2019-08-06 22:00:05웹브라우저의 헤드 영역에 다음과 같이 meta 태그와 함께 사용된 http-equiv 속성을 볼 수 있다. 이 속성은 왜 사용되고 각각의 태그마다 차이점을 알아보고자 한다.! 왜 http-equiv를 사용하는가?마이크로소프트에서 만든 익스플로러 브라우저는 호환성 보기 모드가 존재하는데 이는 사용자가 지원하는 브라우저에 따라 오래된 브라우저에서 정상적으로 출력되지 않는 이슈가 발생할 수 있다.이런 이슈들은 최신 브라우저만 지원하는 환경이라면 사실 이 태그를 사용하는 의미가 크지 않다. 하지만 일부 웹사이트는 오래된 버젼의 브라우저까지 모두 지원하기도 하는데 이런 경우 특히 필요한 메타 태그이다.한국의 경우 IE 8 또는 IE 9 유저가 많기 때문에 이를 지원하기 위해서 더더욱 필요할 것이다. 결국 오래된 브라
Last Modified : 2018-02-24 02:08:18Canonical 태그에 대하여 알아보고 어떻게 사용하며 SEO에 어떤 장점이 있는지 함께 알아봅니다. 먼저 Canonical 태그는 무엇일까요?# Canonical 태그란?Canonical 태그는 페이지의 헤더에 삽입하는 코드로 현재의 웹페이지의 대표 url주소를 검색엔진에 알려주는 역할을 합니다. 이를 URL표준화라고 하는데 사실 주소창에 나와있는 url 주소를 확인하면 되는데 따로 설정해야될 필요가 있을지 생각됩니다. 하지만 canonical 태그를 설정하는 것은 매우 중요하며 rss나 사이트맵(sitemap) 만큼 SEO에 영향을 줄 수 있는 부분입니다. 그럼 아래에서 canonical 태그에 대해 자세히 알아보겠습니다.스크린샷) 요소검사를 통해 head 태그안에 존재하는 canonical 메타태그
Last Modified : 2018-01-31 00:47:44안녕하세요 :) 최근 검색엔진최적화(SEO)에 관하여 이런 저런 글들을 읽고 배우면서 많은 것을 느끼고 제 웹사이트에서도 적용하고 노력하고 있는 EnSSo입니다^^ 오늘은 메타 태그 중 Keyword 속성에 관하여 얘기하고자 합니다. 메타태그는 다들 아시겠죠? 혹시 모르는 분을 위해 간략히 적고 갈께요.[ 1 ] 메타 태그는 무엇이고 언제 쓰이는가?; 메타 태그의 목적은 페이지를 열어 클라이언트에 보여주기 전에 브라우저에 대하여 여러 정보들을 우선적으로 알려주기 위해 사용됩니다. 여기에는 홈페이지를 퍼블리싱한 제작자의 의도가 담겨있는데요... 이 메타 태그의 정보중 일부는 검색엔진(구글 및 네이버, 다음 등등)에게 전달되는 정보등도 포함되어 있습니다. 대표적인 속성들은 아래와 같죠~i. Title과 Desc
Last Modified : 2017-09-21 00:03:32검색엔진 최적화 중 가장 중요한 부분은 무엇일까요? 생각해보면 여러가지가 있습니다. 그 중에서 가장 먼저 떠오르는 것은 사이트맵(Sitemap) 그리고 메타 태그 정보(Meta)입니다.# SEO를 위한 메타 태그 정보 알아보기이 번에는 검색엔진 최적화를 위해 반드시 필요한 메타 태그의 설정과 정보에 대하여 알아봅니다. 참고로 워드프레스의 경우 SEO 플러그인을 사용해서 자동으로 생성되는 경우가 많습니다. 그 중에서 Yoast SEO는 매우 잘 알려진 플러그인 중 하나지요.이런 플러그인의 도움없이 직접 SEO를 위해 메타 데이터를 추가하려면 어떻게 할까요? 아래에서 필요한 코드를 만들고 직접 html의 head 영역에 추가하도록 합니다.! 메타 태그는 <head> 엘리먼트 영역에 추가할 것meta 태그 및 관
Last Modified : 2020-08-25 23:36:07