티스토리 뷰

컴퓨터생활

html구조 개선해서 내사이트 최적화하기

제이피알 2017. 9. 15. 11:06

구조개선

 

 

일반적으로 그누보드5나 워드프레스등 홈페이지 제작빌더를 사용했을경우에는 웹마스터도구에서 특별히 X표가

표시되지는 않습니다. 느낌표가 표시되거나 V표가 표시되는데요. 블로그의 경우는 거의 V표시가 됩니다. 다른툴을

사용했다거나 혹시나 블로그나 제작빌더를 사용했는데도 불구하고 X표시가 되어 개선해야 한다고 한다면 어떻게

개선해야 하는지에 대해서 알아보도록 하겠습니다.

 

사이트구조

 

 

웹마스터도구에 들어가서 현황 - 사이트최적화로 이동하면 사이트구조가 나옵니다. 그옆에 노란색이나 녹색

아니면 빨간색으로 최고에요, 나쁘지 않아요, 개선이 필요합니다. 라고 표시하는데요 개선이 필요하다고 나올때만

수정해주시면 됩니다. 현재 느낌표 ! 로 나오기 때문에 특별히 고칠것은 없어요.  꼭 최고에요로 만든필요는 없지만

개선사항이 나올수 수정을 요하기 때문에 확인해보도록 하겠습니다. 사이트품질가이드 를 클릭합니다.

 

<head>테그정보

 

사이트품질 가이드를 클릭하면 위와 같은 메세지가 나오는데요 <head>태그 정보에서 잘못하용된 예제를

보여주는데요 <title>태그가 비어 있는경우와 meta태그에서 charset속성을 지정한 경우가 있는데요 요 두가지를

확인해 보도록 하겠습니다.

 

<head>테그수정

 

FTP프로그램을 열어 내 웹사이트에 접속을하고 head.sub.php 파일을 열어봅니다(그누보드5 일경우입니다 다른

것을 사용했을경우에는 <head>태그가 있는 문서를 열으시면됩니다) 제목과 설명들이 제대로 써있습니다. 그런데

메타태그에 속성이 지정이 되어있네요. 그누보드5는 utf-8로 속성이 되어있기때문에 euc-kr 인코딩 방식으로 속성

지정시 인식을 못하기 때문에 utf-8 속성으로 지정되어있기 때문에 이것을 지우거나 수정하시면 안됩니다. 웹서버

속성과 같은 인코딩 방식으로 형태로 지정해주시면 됩니다.

 

<body>테그정보

 

두번째로 <body>태그 정보가 잘못사용된 예를 수정해주시면되는데요 우선 <frame> 태그가 지정된 경우와

<title>태그가 <body>태그내에 있는경우를 확인해 보면 되는데요.

 

웹사이트다운

FTP프로그램을 열고 홈페이지 소스를 저장할 디렉토리를 만든다음 웹사이트에 있는 콘텐츠를 새로생성한 곳에

마우스로 드래그해서 다운로드를 합니다.

 

파일찾기

 

에디터플러그를 사용하면 편리하게 찾으실수가 있습니다. 프로그램을 열고 검색 - 여러파일 찾기를 누르시면

여러파일 찾기 라는 팝업이 뜨는데요. 찾을말에 <frame>태그를 써넣으시구요 파일종류는 *.* 로 모든파일로 지정

폴더는 아까 새로 생성한 디렉토리를 지정해 주시고 4번에 하위폴더 포함에 체크하신다음에 5 찾기 버튼을 누르면

태그가 사용된 파일을 자동으로 찾아줍니다. 그누보드로 제작하셧다면 찾는 파일이 없다고 나오구요 수정하다가

프레임 태그를 사용했다면 여기서 파일명을 보구 수정해주시면 됩니다. 같은 방법으로 <title>도 찾기를 해보시면

찾기리스트

이렇게 리스트가 나오는데요 하나씩 클릭을 해가면서 <title>태그의 위치가 <head>태그 인지 <body>태그에

있는지 확인해가면서 <body>태그에 있는것은 <head>태그로 이동시켜주시면 됩니다. 마지막으로 자바스크립트

링크할경우 인데요 이것도 똑같은 방법으로 onclick="javascript:goto 으로 검색해보면 됩니다. 검색이 나올경우

주소로 이동하는 방법으로 개선해주시면 됩니다.

 

 

저작자표시

'컴퓨터생활' 카테고리의 다른 글

웹사이트 구조를 모바일 사용성에 최적화하기  (0) 2017.09.19
사이트 최적화를 위한 링크관리 개선  (4) 2017.09.16
제목이 동일한 웹페이지 개선방법  (0) 2017.09.14
내 홈페이지에 제목없는 페이지 최적화 개선방법  (0) 2017.09.13
웹마스터도구 최적화 오픈그래프 수정하기  (0) 2017.09.12
공유하기 링크
댓글