30 검색 팁 웹 가독성 향상을 위한

출처: 인터넷
작성자: 사용자

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

어떻게 웹 디자인의 가장 중요 한 측면은? 많은 사람들이 웹 사이트의 가독성을 응답할 것 이다 귀하의 콘텐츠를 읽기 쉽게 하는 방법.

독자는 그들에 대해, 관심을 읽을 수 귀하의 사이트에와 서 고 기사의 내용이 디자인에 의해 가려진은, 만약 그것을 읽고, 독자를 위해 어렵게 그것 것만 유지 귀하의 사이트에서.

그래서 우리 독자 유지 하 고 읽기에 사이트의 가독성을 개선 하기 위해 할 수 있습니까?

하나 또는 당신이 지금 할 수 있는 30 일:

1. 링크 밑줄. 독자 만날 밑줄이 그어진된 링크, 그래서 그들을 실망 하지 않습니다.

2. 텍스트 단락에 대 한 적절 한 줄 높이 사용 합니다. 단락에서 글꼴의 크기에 의해 라인의 높이 측정 하는 빠르고, 간단한 방법. 이상적으로, 글꼴의 크기는 행 약 1.5 배는입니다.

3, 당신의 게시 된 콘텐츠 사이 명확한 구별의 디자인에서. 어디 게시 된 내용을 시작 어디 끝, 및 다른 모듈, 사이드바, 문서 검토 및 추가 정보 등 실제 내용을 시각적으로 구별 해야 그것은 명백 해야 한다.

4,이 부분의 내용 분명 하 고, 되도록 인용문를 사용 하 고 문서 장소의 정상 근처. 사용자가 신속 하 게 그들을 인식 하지 않습니다, 그들은 거의 사용 이다.

5. 짧은 유지 하십시오. 마찬가지로, 쓰기 서 면된 단어에 50 단어를 필요 하지만 30 단어 입에 말을 걸릴 수 있습니다.

6. 텍스트와 배경 사이 대조. 시 시 해의의 색상 대비 검사기를 사용 하 여 웹 페이지의 텍스트 및 배경 색상을 감지 하 여 시각 장애가 있는 사용자 뿐만 아니라 귀하의 콘텐츠를 읽을 수 있는지 확인 하십시오.

7. 구조 수준을 사용 하 여 문서에 대 한. 예: 문서 제목-소개-본문 제목-내용-자막-콘텐츠, 더 많은 페이지를 만들 것입니다 논리 흐름.

8,이 문서의 무결성을 훼손 하는 중간에 광고를 삽입 하지 않으려면 인터럽트 독자의 생각.

9. 기울임꼴 및 굵게 표시 되는 텍스트에 적용할 스타일을 자신의 색상을 변경 하지 마십시오. 그것은 독자를 혼동 하 고 중지 하 고 생각 하기 쉬운:이 링크는?

10. 의미 론 적 태그를 사용 하 여. 예를 들어 사용 하 여 H1, H2, H3 및 다른 레이블 문서의 제목에 대 한 그들을 강조 하기 위해. 어쩌면 당신의

11, 독자를 많이 사용 하는 뉴스 수집기 span 클래스 등, 귀하의 콘텐츠를 읽을 수 = "myheading" 그들에 대 한 그러한 레이블을 모든 효과 표시 되지 것입니다.

12, 텍스처를 사용 하 여 문서의 시작 부분에. 이것의 목적은 독자의 관심, 그리고 일반적으로 문서의 상단에 질감을 적용 하는 것입니다.

13, 텍스트의 전체 블록을 하지 마십시오. 아무것도 벽 처럼 텍스트 보다는 더 많은 방문자 멀리 놀라게 수 있습니다.

14. 텍스트를 왼쪽 정렬 하는 것은 일반적으로 최고의 선택 이다. 거의 예를 보고 우리 중심 또는 (제목)을 제외 하 고 텍스트를 정렬 하 고 텍스트를 오른쪽 정렬의 생각 하지 않습니다 언제 든 지 최고의 선택입니다.

15입니다. 지도 주위 텍스트입니다. 어떻게 이미지 주위에 텍스트 포장, 따라 텍스트의 문구를 다시 하거나 이미지 크기를 조정할 수 있습니다.

16, 문서 제목 및 부제목 저명한 수 있어야 합니다. 이 일의 장점 중 하나는 처음에는 문서의 제목을 이해 하는 독자를 얻는 것입니다. 강조 하 고 싶은 단순히 더 큰 글꼴, 색상, 변경 글꼴 밑줄을 사용 하 고.

17. 순차 목록을 사용 하 고 순서 없는 목록을 사용 하는 경우 알아보십시오. 항목 목록이 특정 순서로 경우이 그들에 게 번호를 추가 하려면 좋습니다.

18. 들여쓰기 목록입니다. 들은 이상 그냥 여러 단락 표시.

19. 이미지 중심 이다. 만약 당신이 특정 사진을 귀하의 문서 (예: 순서도, 통계)에 분할 수 없습니다, 그것은 이미지 센터 이미지 주위 구분선을 지정 하는 것이 좋습니다.

20. 인쇄 스타일 시트를 만듭니다. 기억 하는 모든 독자는 당신의 기사를 읽고 컴퓨터 화면에 당신의 문서 동일 하 게 작동 되도록 인쇄 스타일 시트를 만드는 종이에 잘.

21. 일반 글꼴을 선택 합니다. 사용 하는 글꼴을 결정 한 후 누구나 일반 글꼴을 선택 하는 것이 최상 이다.

22, 추가 콘텐츠는 어떤 거리 원래 문서 공간 오픈 최고의 추가 합니다.

23, 저명한 문장 같은 글꼴 크기를 사용합니다. 글꼴 크기를 변경 하는 것은 페이지의 레이아웃을 방해 하는 행의 높이 변경 됩니다.

설정 하지 마십시오 모든 텍스트 사용 하 여 본문에 모두 대문자. 영어만에 대 한.

24, 링크에 스냅샷을 사용 하지 마십시오.

25, 그래서 적당 한 폭을 유지 하기 위해 문서의 내용을. 부동 레이아웃 자주 읽을 만들기 화면에서 문서의 내용을 확인 합니다.

26. 너무 많은 단락 너무 몇 단락 보다 더 있습니다. 종이에 쓸 때에 일반적으로 4-5 문장 각 단락에는 웹에 2-3 문장 더 많은 공통점이 있습니다. 이것은 아름 답게 이해할 수 있는 작은 블록에 표시 하는 단락 수 있도록 이루어집니다.

27. 사이드바를 짧은 유지 하십시오.

28입니다. 페이지 번호 매김입니다. 기사에 대 한 페이지 매김 스타일을 사용 하는 경우 문서의 탐색은 명확 하 고 사용 하기 쉬운 있는지 확인 합니다.

29. 페이드 색상을 사용 합니다. 중요 하지 않은 정보를 게시 시간, 저자, 등등에 대 한 어두운된 색상을 사용 합니다. 또한, 빛 컬러 라인 관심을 끌기 위해 가능성이 있습니다.

30, 라벨의 사용입니다. 몇 가지 약어에 대 한 설명을 추가 하려면 모든 독자는 약어의 의미를 이해. 일반적인 스타일에서 약어 아래 점선된 밑줄을 추가 합니다.

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.