프로그래밍 공부 노트

img alt와 title 속성 역할 간단히 설명하면 여러가지 기능들이 있지만 검색엔진최적화(SEO)를 하기 위해서 사용된다. img의 alt속성은 이미지의 대체문구 역할을 한다. alt는 alternative 대안의 약자이다. 일반적인 웹사이트라면 alt속성이 일반 사람들에게 어떤역할을 하는지 잘 드러나지 않는다.  하지만 이러한 alt 속성은 시각장애인이 음성기반의 소프트웨어로 웹서핑을 할 때 사용되며  웹사이트에 사용된 이미지가 어떤 컨텐츠인지 명시함으로서 스크린 리더가 해당 사진이 무엇인지 장애인에게 내용을 잘 전달해준다. 또한 검색엔진에 사용되어 검색결과를 조금 더 정확하게 도와주며, 사진이 로딩되지 못하고 오류가 발생한 경우 대체 텍스트를 사용자에게 보여준다. 가끔가다보면 사진이 로딩되지 못하고 엑스박스가 뜨는 경우를 볼 수 있다. 이경우 해당 엑스박스 위치에 있는 사진이 무엇인지 alt 속성에 적어두면 사진 로딩오류가 발생하거나 했을 경우 엑스박스 옆에 alt에 적어둔 내용이 표시된다. 또한 컴퓨터가 점점 똑똑해지고 있지만 사람이 올린 이미지 모두를 컴퓨터가 어떤 사진인지 인식하기 어려울 수 있다. 이때 컴퓨터는 alt에 적힌 텍스트를 확인하고 검색시 사용자에게 좀 더 정확한 사진과 자료를 제공하는데 도움을 준다. img의 title속성은 간단하게 말해 이미지의 제목이다.  title 속성을 작성한뒤 이미지에 마우스를 올리면 해당 이미지에 대한 정보가 나타나는것을 볼 수 있다. 즉 title속성의 가장 큰 목적은 웹페이지를 읽는 사람들에게 이미지에 대한 정보를 조금 더 제공하기 위함이다.  결론적으로 alt 속성과 title 속성은 검색엔진최적화(SEO)에 영향을 미치므로 잘 적어주면 검색엔진 최적화에 도움이 된다. 두가지 속성을 잘 적어주면 이를 통해 얻을 수 있는 효과는 1. 검색유입의 증가 2. 웹사이트에 대한 높은 품질의 검색

네이버 검색 엔진 최적화(search engine optimization, SEO) 검색엔진 최적화는 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다. 1. 검색엔진에 내 사이트 등록하기(네이버 웹마스터 도구) 2. 내 사이트 인증하기 3. 관련 문서 제출하기 4. SEO 검색 엔진 최적화하기 검색엔진을 크롤러라고 부른다. 이러한 크롤러가 각 사이트의 정보를 모두 수집, 검색하는데 이때 사이트의 정보를 모두 보여주지않고 숨기고 싶은 정보들이 있다면 robot.txt파일을 작성하면된다.  크롤러가 사이트에 방문하면 가장 먼저 robot.txt 파일에 접근하여 txt파일에 로봇을 허용한다는 내용이 있다면 크롤러가 정보에 접근하여 정보들을 가져오고 반대로 크롤러를 거부한다고 작성되어있으면 크롤러가 사이트에 접근하지 못하도록 한다.  또한 sitemap.xml이라는 파일을 제공할 수 있는데 이는 크롤러가 사이트에 접근했을 때 sitemap이라는 지도를 보고 사이트를 더 정확하고 효율적으로 탐색할 수 있게 만들어 준다. robot.txt 파일과 sitemap.xml을 크롤러가 접근하게 하기위해서는 폴더의 최상위에 둔다. 다른 내부 폴더에 넣을경우 크롤러가 해당 파일에 제대로 접근하기 어렵다.