나는 shopify 스토어가 있고, 제품 제목의 첫 번째 줄에 공급 업체 페이지에 대한 내부 링크가 있고 두 번째 줄에는 제품 제목이 있습니다.
나는 두 개의 라인을 넣어 유효한의 읽기 <br/>
에 <h1>
(주문이 H1 제목을 사용하지에) 제목,하지만 나는 그것을 결합하려는 <a>
링크 (1 라인)과 <span>
다른 스타일링 (2 선). SEO 측면에서도 타당한가요? 도와 주셔서 감사합니다!!
<h1><a class="product-vendor-hyperlink" href="/collections/{{product.vendor | handleize}}">{{ product.vendor }}</a><br/><span class="product-single__title" itemprop="name">{{ product.title }}</span></h1>
유효하지만 필요하지 않습니다. 대신 br
완전히 제거 할 수 있습니다 . 하위 노드 중 하나 또는 모두를display:block
.product-vendor-hyperlink{display:block;}
<h1><a class="product-vendor-hyperlink" href="/collections/{{product.vendor | handleize}}">{{ product.vendor }}</a><span class="product-single__title" itemprop="name">{{ product.title }}</span></h1>
또 다른 옵션은 제품 제목에 <header>
전체 h1
가중치를 부여 하고 헤더에있는 것과 관련된 공급 업체 링크를 유지 하려는 경우 태그 사용을 고려하는 것입니다 . 당신은 페이지 수준 또는 사용에 이것을 사용할 수 있습니다 sections
, div
등,하지만 li
.
<header>
<a class="product-vendor-hyperlink" href="/collections/{{product.vendor | handleize}}">{{ product.vendor }}</a>
<h1 class="product-single__title" itemprop="name">{{ product.title }}</h1>
</header>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다