본문 바로가기
반응형

전체 글233

구글 검색 노출 위한 메타태그 작성 이번 글에서는 구글 검색 노출을 위한 최소 조건 중 하나인 메타 설명 (description)태그의 정보들을 말씀드리기 위해 메타 설명 태그의 정의와 입력 방법, 작성 요령에 대하여 다루겠습니다. # 메타 설명 태그의 정의 메타 태그란, 메타 설명 태그의 줄임말입니다. 한마디로, 검색자에게 " 이 페이지는 이러한 페이지입니다. " 를 알려주는 요약문이라 보시면됩니다. 우리가 문학작품을 보거나, 소설책의 서평등을 보면 각기 짧고 긴 문장들로 자신들의 문학작품과 소설책이 어떤 정보를 품고 있는지를 설명합니다. 우리는 이러한 설명을 메타 설명 태그라는 곳에 담아, 구글 검색자에게 우리 글의 요약본을 먼저 보여주는것입니다. 따라서, 구글은 이러한 메타 태그가 있는 문서와 없는 문서를 똑같은 조건하에서 바라본다면.. 2022. 6. 30.
[HTML] img 태그 사용방법과 같이 사용되는 속성 이번 글에서는 HTML의 태그들 중 가장 많이 사용되는 태그 중 하나인, img 태그의 사용방법과 함께 같이 사용되는 속성들인 alt, width, height 속성에 대하여 다루겠습니다. # 예시 상황 먼저, 아래 사진을 보시면, 우주는 가상현실인가에 대한 저의 견해가 담긴 글이 적혀 있는 간단한 웹페이지가 있습니다. 저는 이 밋밋한 웹페이지가 조금더 있어보이게 만들기 위해서 1번 박스로 표시해 놓은 영역에 적당한 크기의 우주 사진을 출력하고자 합니다. 먼저, 무료 이미지 사이트에서 사용할 이미지를 다운받아 오도록 하겠습니다. # img 태그 사용방법 (1) 이미지를 저장하여 저장한 이미지의 문서명을 원하는 형태로 지정합니다. 저의 경우에는 img로 지정하였습니다. 아래 사진의 2번 박스를 보시면, 파.. 2022. 6. 30.
[HTML] 문서 단락 구분 태그(<br>, <p>) 이번 글에서는 문서의 단락을 형성할 때에 사용하는 태그들인 p 태그와 br 태그에 대하여 다루겠습니다. # 예시 상황 먼저, 예시상황에 대하여 말씀드리면 아래 사진은 제가 우주가 가상현실이 아니라 생각하는 이유에 대하여 적어놓은 글입니다. 이 문서는 총 3개의 단락으로 나뉘어져 있습니다. 여기서, 현재 상황은 각 단락을 p 태그를 통하여 구분해놓은 것 까지의 상황을 가정하였으며, br 태그의 적용방법에 대해서는 아래에서 다루겠습니다. p 태그에 대해서만 간단히 설명드리면 p태그는 단락을 구분해주는 태그로 p 태그의 위아래로 여백이 1칸씩 생기게 되어 단락의 모양새를 띄게 됩니다. # br 태그와 p 태그 (1) br 태그 br 태그는 a forced linebreak의 약어로 줄바꿈을 강제한다 라는 뜻을.. 2022. 6. 28.
HTML 웹 개발자들이 가장 많이 사용하는 태그 이번 글에서는 Google Developers에서 발표한 웹페이지 내에서 가장 많이 사용되는 태그들의 순위와 함께 각 태그별로 간단한 기능에 대하여 다루겠습니다. # 웹페이지에서 많이 사용되는 태그들 (1) 1위 ~ 5위 : / / / / (2) 6위 ~ 10위 : / / / / (3) 11위 ~ 15위 : / # 태그별 간단한 설명 (1) head 태그 웹페이지의 제목, 속성에 해당하는 정보가 들어가는 부분으로 웨벺이지의 정보 문서에서 사용할 외부 파일들의 링크가 이 부분에 들어간다. (2) html 태그 웹페이지의 시작과 끝에 기입하는 태그이며, 별도로 doctype 태그 또한 있으며 doctype 태그는 문서의 시작점에 한번만 입력한다. (3) title 태그 웹페이지의 제목에 해당하는 정보를 입력.. 2022. 6. 28.
구글 검색엔진 작동원리 크롤링(crawling) 정의와 과정 이번 글에서는 구글 검색 엔진의 작동과정 중 첫 번째 과정에 해당하는 크롤링의 정의와 함께 구글이 크롤링할 때에 거치는 일련의 과정들, 구글 크롤링에서 제외되는 이유에 대하여 다루겠습니다. # 크롤링의 정의 크롤링은 무수히 많은 컴퓨터들의 저장되어 있는 수집하여 분류하는 작업을 말합니다. 또한, 이러한 크롤링을 행하는 소프트웨어들을 크롤러라고 칭하며 구글에서는 이를 크롤러 라고도 말하고 구글봇이라고도 부릅니다. 검색엔진이 검색에 대한 결과를 검색자들에게 제공하는 과정을 3가지 단계로 축약하자면 크롤링 – 색인 생성 – 검색결과 노출입니다. 이는, 크롤링이 검색엔진의 뼈대를 이루는 시작점임을 의미하며 크롤러의 오류가 발생했을 때에는 그 이후 모든 과정의 오류가 생김을 의미하기도 합니다. 실제로는 크롤러의 .. 2022. 6. 27.
HTML 언어의 발전과 HTML 태그와 관련된 간단한 통계 이번 글에서는 컴퓨터프로그램 언어인 HTML가 발전과 함께 어떻게 변화해 왓으며, 현재에 HTML의 흥미로운 통계에 대하여 다루겠습니다. # HTML의 발전 1990년대 팀 버너스리에 의해서 HTML이 처음으로 개발되었을때에 HTML은 가히 혁신적인 개발이었습니다. 이전에 쓰던 SGML에서 고작 하나의 태그가 추가된 것이 현재의 웹페이지의 토대를 만들었습니다. 그 태그는 태그이며 개발자들이 자주사용하는 태그 TOP5에 올라있습니다. 개발자들은 이렇게 말할 수도 있습니다. a 태그를 만히 사용하는 것은 당연한 것이 아니냐 라고요. 그만큼 a태그의 중요성은 중요하며 그것이 HTML이 혁신적인 이유이기도 합니다. 이러한 혁신적인 개발이후 30년이 흘렀습니다. 첫 HTML의 등장시기에 태그의 개수는 18개 였습.. 2022. 6. 27.
반응형

티스토리툴바