웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Dynamic SEO-Friendly Tag Cloud Generator In jQuery 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Dynamic SEO-Friendly Tag Cloud Generator In jQuery

해피CGI윤실장 2021. 5. 6. 09:24

우선 순위(가중치) 에 따라서 각 태그에 해당하는 텍스트 크기를 동적으로 생성하는 SEO 에 친화적인 클라우드 태그 생성기 입니다.

 

다운로드 받은 파일의 압축을 해제한후
demo.html 파일을 웹브라우저로 열어보면 확인이 됩니다.

 

 



위 그림과 같이 두가지 예제가 있습니다.

텍스트로 표시되는 것을 지정하는 방식은 2가지이며,

HTML 태그로 지정시에는

 



위와 같이 li 태그에 data-weight 로 지정해 준 점수와
화면에 표시될 텍스트,
텍스트를 클릭시 이동할 링크 주소에 의해서
클라우드 태그형태로 화면에 표시가 됩니다.


javascript 코드로 지정시에는

 



위 코드와 같은 자바스크립트 코드로 텍스트, 링크주소, 점수를 지정해줄 수 있습니다.



태그로 출력되는 텍스트 외에,

 


위 코드 처럼 크기, 배경색, 글자의 크기 및 색상 등을 조절하는 옵션이 있습니다.

 

 

 

홈페이지바로가기

Comments