• 목록
  • 아래로
  • 위로

저는 개발자는 아니지만 그동안 삽질하며 느꼈던 점을 주저리주저리 적어볼게요~


1. 

메타 태그의 사이트 정보에 대한 통일된 규칙은 없다고 하지만, 그래도 사이트마다 너무 다르네요 ㅠㅠ

되도록 모든 경우를 포괄할지, 아니면 가능한 경우에만 간단히 구현할지 선택하셔야 될 것 같아요.


2. 

og:image가 없는 경우는 이해가 되는데, og:description이 없는 사이트도 은근히 많더군요.

가장 당황스러운 경우는 title 태그와 og:title의 content가 다른 경우였어요 ㅠㅠ

이런 경우에 저는 두 개를 모두 보여주는 방식을 택했어요.


3.

저번에도 적었지만 페북을 크롤링할 때에는 유의하시구요~

https://studyforus.com/tipnknowhow/597601


4.

부트스트랩을 이용하면 a 태그의 클래스 속성을 변경하여 버튼으로 표현할 수 있습니다.

이런 방식으로 HTMLpurifier의 설정을 변경하지 않고 에디터에서 간단히 링크를 버튼으로 처리할 수 있더군요.

(button 태그 등을 사용하시려면 설정을 변경해야 합니다)

부트스트랩3에서는 버튼의 종류가 다소 제한되고, 4에서는 다양하더군요 ^^

다만 a 태그를 사용하여 버튼을 만들면 버튼 내부에 img 태그를 넣을 수는 없다는 단점이 있습니다.

결국 button 태그를 허용하느냐, 아니면 a 태그로 처리하느냐의 문제로 귀결되네요.


5.

og:image가 없는 경우의 처리에 대해 아직 고민이 많은데요 ㅠㅠ

현재로서는 다른 플러그인이나 API를 활용하지 않고, 파이썬 Selenium으로 스크린 캡쳐를 하려고 하네요.

가능하다면 이미지 서버를 따로 두고, 비동기적(?)인 방식으로 유저가 체감하는 소요시간을 줄이려고 하네요 ^^

Selenium의 구동시간은 최소한 2~3초는 걸릴테니깐요.

('비동기적'이란 에디터에서 글을 작성할 때에는 보이지 않더라도, 나중에 글을 전송하면 이미지를 보여주는 방식을 말씀드린거에요.)


6.

og:image를 지정했지만 외부링크를 막아놓은 경우에 대한 처리도 해야될 것 같네요.


+) 

저번에 도움을 주신 윤삼 님께 감사드립니다!

XE타운에서는 닉네임 호명이 금지되어 있어서 스포어에서 말씀드리네요 ^^

작성자
이니스프리 119 Lv. (2%) 4188230/115200000EXP

Make StudyForUs Great Again!

 

CSVpuymXAAAVVpd.jpg

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 마스터 24.09.05.16:25 2608
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 10057
260 [Flutter 오프라인 강좌] 네이티브(Android, iOS) 앱개발자를 위한 Flutter 정복 image 이니스프리 이니스프리 19.10.15.01:32 220
259 구글 검색 Tip image 슬기 슬기 19.10.14.11:42 169
258 [Flutter] 오프라인 강좌 10/20(일) image 이니스프리 이니스프리 19.10.14.11:36 190
257 [Dropbox] 곧 시행될 세금 변경에 관한 중요한 알림 image 이니스프리 이니스프리 19.10.12.08:26 170
256 HEIC to JPG 변환 이니스프리 이니스프리 19.08.29.22:37 1586
255 목록통관건 개인통관고유부호 필수 사용안내 이니스프리 이니스프리 19.08.28.23:14 202
254 아미나의 썸네일 함수 관련 Q&A 1 이니스프리 이니스프리 19.08.28.14:57 408
253 [펌] 하이패스 미납요금 내기 귀찮을 땐, 동네 편의점? image 이니스프리 이니스프리 19.08.28.14:53 243
링크 파싱 모듈을 제작하다가 깨달은 점 ㅠㅠ 이니스프리 이니스프리 19.08.27.22:06 384
251 코스피 API에 대한 공공데이터포털의 답변 이니스프리 이니스프리 19.08.26.21:39 726
250 [끝말잇기] '슘'으로 시작되는 단어 중 XE타운에서 사용할 수 있는 단어 이니스프리 이니스프리 19.08.25.01:01 289
249 MS Chromium 엣지 브라우저 Beta의 공식버전 발표 image 이니스프리 이니스프리 19.08.24.22:39 278
248 [HiHost] 저렴한 트래픽 초과요금 없는 가상서버호스팅 image 이니스프리 이니스프리 19.08.24.16:37 298
247 CMS에 Selenium 봇이 글을 작성하는 것을 차단하는 방법 2 이니스프리 이니스프리 19.08.22.06:27 843
246 파이썬에서 실행한 결과를 PHP에서 받는 방법 이니스프리 이니스프리 19.08.21.21:25 2931
245 [끝말잇기] '슘'으로 시작하는 단어 이니스프리 이니스프리 19.08.20.01:10 4413
244 파이썬 3.X에서 animated GIF 파일을 곧바로 resize할 수 있는 라이브러리 이니스프리 이니스프리 19.08.19.17:19 585
243 Summernote용 이모지 플러그인 테스트 결과 작동하는 플러그인 이니스프리 이니스프리 19.08.19.00:19 423
242 PHP로 페이스북을 크롤링할 때 유의할 점 이니스프리 이니스프리 19.08.18.01:29 816
241 PyQt5에서 treeView의 헤더를 클릭하여 정렬하기 - treeView.setSortingEnabled 메서드와 관련하여 이니스프리 이니스프리 19.08.09.15:38 573