“target Blank No Follow” — это HTML-атрибут, обычно используемый в гиперссылках, чтобы указать, что ссылка должна открываться в новой вкладке и не должна передавать какие-либо преимущества ранжирования в поисковых системах связанной странице. В этой статье блога мы рассмотрим различные методы реализации «целевого пустого поля без отслеживания» в HTML.

1. Использование атрибута target:

   <a href="https://example.com" target="_blank" rel="nofollow">Link Text</a>

2. Использование JavaScript:

   <a href="https://example.com" onclick="window.open(this.href); return false;">Link Text</a>

3. Использование jQuery:

   <a href="https://example.com" class="external-link">Link Text</a>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script>
   $(document).ready(function() {
   $('.external-link').click(function(e) {
     e.preventDefault();
     window.open($(this).attr('href'));
   });
   });
   </script>

4. Использование JavaScript с прослушивателем событий:

   <a href="https://example.com" id="external-link">Link Text</a>
   <script>
   document.getElementById('external-link').addEventListener('click', function(e) {
   e.preventDefault();
   window.open(this.href);
   });
   </script>

5. Использование атрибутов rel в JavaScript:

   <a href="https://example.com" class="external-link">Link Text</a>
   <script>
   var externalLinks = document.querySelectorAll('.external-link');
   for (var i = 0; i < externalLinks.length; i++) {
   externalLinks[i].addEventListener('click', function(e) {
     e.preventDefault();
     window.open(this.href);
   });
   externalLinks[i].setAttribute('rel', 'nofollow');
   }
   </script>

Это некоторые методы, которые вы можете использовать для реализации «целевого пустого поля без отслеживания» в своем HTML-коде. Помните, что важно использовать эти атрибуты ответственно, чтобы обеспечить удобство взаимодействия с пользователем и следовать рекомендациям по SEO.