정식으로 적용하기 전에 확인하세요!릴리즈 전 검사 목록

드디어 완성된 WEB 사이트와 WEB 서비스는 정식으로 발표되면alt의 설정도 잊어버린다!이런 일이 많아 발매 전 확인해야 할 항목을 일람표로 정리했다.
전체 사이트라면 상담 형식의 행위와 404쪽 추가 등에 대한 확인도 필요하지만, 이번에는 여러 쪽 사이트의 한 쪽을 게시할 때 체크리스트를 작성했다.
보는 순서에 따라 페이지의 디테일부터 전체 페이지의 정보, 다른 페이지와의 연관성 등을 확인하고 전체 사이트의 시야를 천천히 넓힌다.

  • 페이지의 세부 정보
  • 맞춤법 오류 검사
  • 타임라인의 확인
  • alt 속성의 확인

  • 전체 페이지 정보 및 구성
  • Favicon과 메타태그의 확인
  • 불필요한 코드 삭제 또는 정리
  • 확인 페이지 전체의 동작

  • 전체 다른 페이지의 사이트
  • 페이지의 모든 링크 확인
  • 차분의 확인
  • 호환성 확인
  • 이어서 하나하나 설명하다.

    1, 페이지 내 세부 사항


    우선 책장 안의 누락 등 세부 사항을 점검해 보자.

    맞춤법 오류 확인


    일본어로서 문장으로서 단어가 정확한지 확인하는 것은 물론이고 이미지와 설명문에 오류가 없어도 주의해야 한다.그림이 일치하더라도 텍스트에는 다른 것이 쓰여 있고 반대로도 많다.
    그리고 EC 사이트라면 사이트 내 가격과 실제 가격(← 최신 버전!!)다른지도 확인하고.

    확인 타임라인


    이벤트가 빈번하게 출시되는 사이트 인코딩의 경우 타이머 설정이 누락됐는지 확인해야 한다.
    기간 한정이라면 당일 이후로는 안 뜨는 건가.다른 이벤트로 전환하는 동안 이벤트가 한정된 경우 전환하는 타이밍에 PHP 등이 타이머를 설정할 수 있는지 여부.

    alt 속성 확인


    시각 효과를 반복적으로 확인하면alt 속성 확인을 잊기 쉽다.
    Google이 그림의 뜻을 인식하기 위해서는 그림을 읽을 수 없는 경우에도 대응해야 합니다.
    그나저나
  • 이미지에 의미가 있는 경우
  • 무의미한 이미지는 비어 있음
  • 쓰고 있어.의미 없는 그림일 때도 의미가 없어요!alt=""에서 지정합니다.

    2, 전체 페이지의 정보 및 구성


    다음은 페이지 내의 대략적인 내용과 기본 정보가 누락되었는지 검사한다.

    Favicon 및 메타 태그 확인


    시각적 확인만으로 잊기 쉬운 메타태그의 확인이기도 하다.
    SEO 대책으로 SNS 등으로서의 공유·확산률이 증가해 메타태그를 코딩했는지 확인한다.
    필수 메타 태그 일람표
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property="og:url" content="サイトのURL" />
    <meta property="og:title" content="サイトタイトル"/>
    <meta property="og:type" content="website" />
    <meta property="og:description" content=""/>
    <meta property="og:image" content="img/fv.jpg" />
    <meta name="twitter:card" content="large" />
    <meta name="twitter:site" content="@ユーザー名" />
    <meta property="og:site_name" content="サイトタイトル"/>
    <meta property="og:locale" content="ja_JP" />
    

    불필요한 코드 삭제 또는 정리


    신상품이 많이 나오는 사이트를 만들 때는 출시 후 유지보수를 고려해 코드를 정리해보자.
    Visual Studio Code의 경우 Proettier 플러그인을 통해 코드를 자동으로 정리할 수 있습니다.
    그리고 마지막으로 사용하지 않은 CSS와 JS는 리뷰 출력 부분은 최대한 삭제하면 나중에 찾는 부담이 줄어 자주 한다.

    전체 페이지의 작업 확인


    대체로 코드를 정리한 후 페이지에 설치된 기능이 작동하는지 확인한다.이른바 가용성 테스트.
    설치된 기능을 하나하나 보고 이동할지 확인하세요.특히 여러 jQuery를 사용하면 기능 간에 충돌이 생겨 제대로 작동하지 않는다.
    또 로그인 기능이 있는 사이트라면 로그인 전과 로그인 후 로그인 관련 디스플레이를 전환할지 확인해야 한다.특히 로그인 상태에서 신규 로그인 홍보 활동을 표시하는 패턴이 많기 때문에 주의해야 한다.
    잘하면 CSS와 이미지가 제거된 상태에서 작동하는지도 확인할 것 같아요.(Google이 쉽게 인식할 수 있는 테스트로)

    3, 기타 페이지를 포함한 전체 사이트


    페이지 기능에 문제가 없으면 다른 페이지와의 일치성도 확인합니다.

    페이지의 모든 링크 확인


    우선 붙어있는 링크가 제대로 작동하는지 확인한다.
    특히 목적지 이동 여부는 본공연과 무대공연에서 다를 수 있으니 주의해야 한다.
    구체적으로 장정에 페이지를 설치했지만 아직 공식 환경에 적용되지 않아 페이지 등이 존재하지 않는다는 것이다.정식 적용 후 이동이 없는 상황이 발생하지 않도록 확인을 부탁드립니다.

    차분의 확인


    이어 문서의 로그에서 차점을 확인하는 등 충돌 대책을 강구한다.
    만약 시스템이 관련이 있다면 아마도 외관과 시스템 방면에서 충돌이 발생할 것이다.
    가격이 빈번하게 변하는 EC 웹사이트의 코딩이라면 로그를 꼼꼼히 확인하고 기트, SVN 등 버전 관리 시스템을 주기적으로 업데이트해야 한다.(업데이트 없이 본촬영에 적용, 실패한 경험자는 이렇다)

    호환성 확인


    대응하는 기종과 브라우저 등도 고객에 따라 정해진 곳이 있지만, 다양한 기기와 다양한 브라우저에서 각각 작동하는지 확인한다.
    스펀지 패드는 물론이고 다른 설비로 표시하면 보조 도구와 실기로 붕괴 여부를 검사할 수 있다.
    또 크롬, 엣지, Firefox, Opera 등 여러 브라우저 사이에 문제가 없을 수 있으니 꼭 확인해 주시기 바랍니다.
    따라서 정식 발행 전 점검해야 할 항목 일람과 해설이다.
    총결산하다

  • 페이지의 세부 정보
  • 맞춤법 오류 검사
  • 타임라인의 확인
  • alt 속성의 확인

  • 전체 페이지 정보 및 구성
  • Favicon과 메타태그의 확인
  • 불필요한 코드 삭제 또는 정리
  • 확인 페이지 전체의 동작

  • 전체 다른 페이지의 사이트
  • 페이지의 모든 링크 확인
  • 차분의 확인
  • 호환성 확인
  • 이런 상황입니다.
    마지막으로 좀 더 구체적인 체크리스트를 실었으니 꼭 활용해 주세요.
    그리고 이런 것도 확인해 보시는 게 좋아요!이런 일이 있으면 언제든지 문의하세요!
    여기까지 읽어주셔서 감사합니다.그럼

    경품: 정식 발매 전 검사 목록 목록


  • 페이지의 세부 정보
  • 맞춤법 오류 검사
  • 문장으로 성립 여부
  • 이미지와 설명문의 차이점 없음
  • 가격 일치 여부
  • 타임라인의 확인
  • 기간 타이머 설정 여부 제한
  • 운동의 전환 설정은 완성되었습니까
  • alt 속성의 확인
  • 의미 있는 이미지의alt 속성이 묻혔는지
  • 무의미한 이미지라도alt="

  • 전체 페이지 정보 및 구성
  • Favicon 및 메타 태그 확인
  • Favicon의 메타데이터를 설정할 수 있는지 여부
  • 초실진 설정
  • 원 제목의 설정
  • OGP 이미지 설정
  • 트위터 카드 설정
  • 불필요한 코드 삭제 또는 정리
  • 불필요한 코드가 삭제되었는지 여부
  • Preettier 등을 통한 코드 정리 여부
  • 페이지 전체 동작의 확인
  • JS로 구현된 기능의 전체 작동 여부
  • CSS의 움직임에도 문제가 없는지
  • 로그인 후 화면에 신규 등록 CP 등을 숨길지 여부
  • 조회표를 발송할 수 있는지

  • 전체 다른 페이지의 사이트
  • 페이지의 모든 링크 확인
  • 페이지의 모든 링크가 설정되어 있는지 여부
  • 페이지의 모든 링크가 실제 작업에서도 표시되는지 여부
  • blank 설정이 있는지 확인할 수 있는지
  • blank가 안전조치를 취했는지
  • 차분의 확인
  • 파일의 최신 업데이트 여부
  • 최근에 파일을 수정한 사람이 있습니까?
  • 백엔드 작동 여부
  • 호환성 확인
  • 설비 검사
  • 찾아보기 검사
  • 좋은 웹페이지 즐겨찾기