【초보자용】404페이지는 절대로 만들어 두자

3848 단어 HTML초보자404

아무래도 7note입니다. 404 페이지는 만들어 두고 싶은 이야기.



web 제작은 web 사이트의 구성이 있어, 디자인이 있어 그것을 코딩해 공개. 기본적으로이 흐름이지만 실제로 웹 사이트를 구성하는 것에는 다른 필요한 파일이 있습니다.

· .htaccess
· 404 페이지
· robots.txt
· sitemap.xml
...etc

그리고 이 중에서 해설해 가고 싶은 것이 404 페이지.
우선은 404에 대한 설명으로부터.

404 페이지는 무엇입니까? 뭔가 오류?



404 오류(Not Found)는 이미 삭제된 페이지나 잘못된 URL에 액세스할 때 표시되는 오류입니다.
인용 소스 : htps : // ぢぎたぃ 덴치 ty. 이. jp / b / g / seo / 아보 t-404-t-fu d. HTML

이 방법으로 사용자가 방문한 페이지가 없으면 404 오류가 발생합니다.
그리고, 404 에러가 되었을 경우에 표시시키는 페이지가 404 페이지가 됩니다.
더 자세한 이야기는 통신 용어가 가득하기 때문에 그 근처를 더 자세히 알고 싶다면 여기

존재하지 않는 페이지, 404 에러가 나왔을 경우에 404 페이지가 있는 웹 사이트라면 자동적으로 404의 파일을 읽어들여 표시해 줍니다.
404 페이지를 준비하지 않으면 무기질 404가 표시됩니다.



404 페이지를 만들면 무엇이 좋은가? 장점은?



404 페이지를 만드는 장점
  • 404 페이지가 없으면 무기질적인 표시만으로 "???"가되는 사용자도있다
  • 404 페이지에 링크를 설치하여 다른 페이지로 안내 할 수 있습니다
  • 예기치 않은 URL이나 콘텐츠에 대한 링크도 404 페이지가 표시되므로 안심

  • 이런 곳일까요? 404페이지가 없어도 웹사이트로서는 운용에 문제 없습니다만, 잘못된 URL이나 이미 삭제해 버린 낡은 페이지에 액세스 되었다고 해도, 404페이지로부터 다른 페이지를 봐 줄 가능성이 있으므로 그만큼 하지만 충분히 가치가있을 것입니다.

    또한 최근 점점 정교한 404 페이지를 만드는 웹 사이트가 늘어나고 있습니다. 배경으로는 SNS의 보급이 있을까 생각합니다. 약간의 게임과 같은 것을 할 수 있는 404페이지나, 쿵쿵 웃어버리는 404페이지를 본 사용자가 SNS에서 공유함으로써 많은 사람들의 눈에 멈추어 사이트에 액세스될 수 있습니다.
    SNS에서 화제가 되면 TV등에서도 소개될 가능성이 있으므로, 방대한 광고비등을 들이지 않고도 선전이 될 가능성을 숨기고 있는, 이것이 404페이지를 만드는 메리트라고 생각하고 있습니다.

    404페이지 만드는 법



    ①404.html(404.php) 의 파일을 작성해 코딩한다



    ※작성시의 주의점
    css와 같은 외부 파일을 읽는 것은 루트 경로 표기법입니다.

    404.html
    <!-- 外部ファイルの読み込みはルートパスで -->
    <link rel="stylesheet" href="/css/style.css">
    

    ② .htaccess에 다음을 추가


    ErrorDocument 404 /404.html
    

    다양한 기업 404 페이지



    'google'





    Qiita





    「쿠로네코 야마토」



    htps //w w. 쿠로네코야마토. 이. jp / ytc / 404 에로 r. HTML


    "LIG"





    요약



    404 페이지를 만드는 단점은 만들기에 약간의 시간이 걸리는 것뿐입니다.
    그렇다고는 해도 굳은 404로 하지 않으면 20분~30분 정도로 파파크 만들 수도 있기 때문에 단점은 적네요.

    그것보다 404페이지가 있는 것으로 사이트의 통일감이나 다른 페이지로의 유도를 할 수 있다면 만들어 두어야 한다는 것이 나의 견해입니다.
    흥미롭다고 생각한 404가 있으면 다시 추가하겠네요. 코멘트에서도 재미있었던 404 페이지가 있으면 꼭 가르쳐 주세요.

    오마마츠!



    ~ Qiita에서 매일 게시 중!! ~
    【초보자용】WEB 제작의 조금 테크 모임

    좋은 웹페이지 즐겨찾기