정식으로 적용하기 전에 확인하세요!릴리즈 전 검사 목록
전체 사이트라면 상담 형식의 행위와 404쪽 추가 등에 대한 확인도 필요하지만, 이번에는 여러 쪽 사이트의 한 쪽을 게시할 때 체크리스트를 작성했다.
보는 순서에 따라 페이지의 디테일부터 전체 페이지의 정보, 다른 페이지와의 연관성 등을 확인하고 전체 사이트의 시야를 천천히 넓힌다.
페이지의 세부 정보
전체 페이지 정보 및 구성
전체 다른 페이지의 사이트
1, 페이지 내 세부 사항
우선 책장 안의 누락 등 세부 사항을 점검해 보자.
맞춤법 오류 확인
일본어로서 문장으로서 단어가 정확한지 확인하는 것은 물론이고 이미지와 설명문에 오류가 없어도 주의해야 한다.그림이 일치하더라도 텍스트에는 다른 것이 쓰여 있고 반대로도 많다.
그리고 EC 사이트라면 사이트 내 가격과 실제 가격(← 최신 버전!!)다른지도 확인하고.
확인 타임라인
이벤트가 빈번하게 출시되는 사이트 인코딩의 경우 타이머 설정이 누락됐는지 확인해야 한다.
기간 한정이라면 당일 이후로는 안 뜨는 건가.다른 이벤트로 전환하는 동안 이벤트가 한정된 경우 전환하는 타이밍에 PHP 등이 타이머를 설정할 수 있는지 여부.
alt 속성 확인
시각 효과를 반복적으로 확인하면alt 속성 확인을 잊기 쉽다.
Google이 그림의 뜻을 인식하기 위해서는 그림을 읽을 수 없는 경우에도 대응해야 합니다.
그나저나
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 등 여러 브라우저 사이에 문제가 없을 수 있으니 꼭 확인해 주시기 바랍니다.
따라서 정식 발행 전 점검해야 할 항목 일람과 해설이다.
총결산하다
페이지의 세부 정보
전체 페이지 정보 및 구성
전체 다른 페이지의 사이트
마지막으로 좀 더 구체적인 체크리스트를 실었으니 꼭 활용해 주세요.
그리고 이런 것도 확인해 보시는 게 좋아요!이런 일이 있으면 언제든지 문의하세요!
여기까지 읽어주셔서 감사합니다.그럼
경품: 정식 발매 전 검사 목록 목록
페이지의 세부 정보
전체 페이지 정보 및 구성
전체 다른 페이지의 사이트
Reference
이 문제에 관하여(정식으로 적용하기 전에 확인하세요!릴리즈 전 검사 목록), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/yurukei20/articles/dc494865934444텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)