기록
블로그 운영
블로그 작업노트 40: 자막 작업 분류 개선
by
이번 개선사항은 슬슬 쌓이고있는 자막의 분류가 필요할 것 같아서 몇주간 고민해본 것에 대한 결과다.
이전엔 그냥 적당히 분기별로 묶으면 될거같았는데, 이게 완료작품이 뭔지 검색하기도 영 불편하기도하고, 내가 무슨작품했는지 파악하기도 힘들었다.
그래서 그냥 작품명으로 적당히 묶어봤는데 이러니까 컬렉션 리스트가 너무 많아져서 사이드바가 무한정 길어질 생각하니 그건 아닌거같고...
그래서 결국은 Post 모델에 컬럼을 하나 더추가해서 분기표현을 할 수 있게 개조해봤다.
결과부터 보자면 컬렉션 리스트는 아래와 같이 보인다.
신버전 카테고리/컬렉션 리스트1. 컬렉션 개선
일단 1차적으로 자막 작업한거는 작품 약식 타이틀명으로 컬렉션을 배정한다.
이렇게 해두면 일단 1, 2기등 여러기수로 나눠져있는 작품을 하나의 작품으로 구분할 수 있기 때문이다.
그리고 별도로
yyyyq 라는 컬럼을 만들어서 해당 작품이 진행된 년도와 분기를 표현해줬다.쉽게말해 이제 Post 모델은
category, yyyyq, collection 의 세가지 분류값을 가지게 된 것이다.
모델 분류이렇게 분류된 값은 컬렉션 리스트에서 아래와 같은 규칙으로 표현된다.
- 컬렉션 리스트에는 분기데이터(yyyyq)가 없는 컬렉션만 표기된다. (자막이외의 컬렉션을 표기하기위함)
- 분기데이터는 카테고리가 '자막'인 경우에만 운영한다.
- 컬렉션이 같지만 분기데이터가 다른경우 컬렉션 리스트에선 분리 표현한다.
그래서 만약 어떤애니의 1기가 2024년 1분기, 2기가 2026년 1분기에 등록이 되었다면,
컬렉션자체는 하나의 작품으로 묶이지만 자막 컬렉션 리스트는 2개로 분할되어 표현이 된다.
그리고 위의 영상처럼 분기를 클릭하면 해당 분기의 내용을 접었다 폈다 할수있게 구현해두었다.
모든내용을 펼쳐서 보여줄 수 있긴하지만 이게 내용이 많아지면 무한히 높이가 길어질테니, 최근2분기의 데이터만 기본적으로 열어서 보여주고 나머지는 접어두기로 했다.
2. 뷰페이지 정보추가
상단 분기데이터 추가마찬가지로 자막에 분기데이터가 추가되었으므로 뷰 화면에서도 카테고리와 컬렉션 사이에 분기데이터를 위와 같이 추가해놓았다.
다만 카테고리나 컬렉션은 클릭하면 전용 키워드 검색으로 이동되지만, 분기의 경우에는 그렇게 검색이 되지않도록 따로 키워드 검색 링크를 걸진 않았다.
그도그럴게 자막 컬렉션 리스트의 분기쪽도 접었다 폈다 하는 기능이니까...
3. 메타 태그 최적화
지피티 브라우저인 아틀라스를 통해 seo 태그 점검하던 도중에 어이없는 실수를 몇개 발견해서 수정해두었다.
포스팅 글은 페이지 타입이 웹사이트가 아니라 아티클이어야 한다는점.
오픈그래프에서 url값이 잘못되어있었다는점.
아티클은 저자표기와 발행일표기가 있어야 했다는점...
뭐지? 이렇게 까지 많이 빼먹었나 싶을정도로 부족한 점이 한두개가 아니다.
역시 직접 만드는건 한계가 명확한가...
#블로그 #자막
0
개의 댓글