- ベストアンサー
rel="nofollow noopener"につ
target="_blank"がうまくいかない事がアンドロイドで起きているそうですが、すべて下記のように変更しても何の問題も起きないでしょうか？ target="_blank" rel="nofollow noopener" nofollowが付いているリンクだけすべてこちらに変更しようかと思っています。 レントラックスからこの変更をするように言われたのですが、A8なども変更したほうがいいのでしょうか？ 一括置換したいので、どうしていいかこまります。 SNSボタンのリンクなども一括置換されますが、問題ないと考えて良いでしょうか？
- webpageyou123
- お礼率64% (87/135)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
レントラックスは外すことを推奨していますが、A8.netは規約に違反するので外さないでと返答するようです。 https://swinginthinkin.com/wordpress/affiliate-noopener-noreferrer/ https://afilove.com/target-blank/ ここの記事がとても参考になりますが、セキュリティ対策を取るか規約を守るかの２択になるみたいですね。 https://www.afi-blog.net/archives/2274
関連するQ&A
- rel="nofollow" 属性とペナルティにつ
「rel="nofollow"」 について、分からないことが4つあるので、教えてください ▽rel="nofollow" 属性について - ウェブマスター ツール ヘルプ http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=96569 ＜質問1＞ ・最終的に何の為に「rel="nofollow"」を書く必要があるのでしょうか？ ・「信頼できないコンテンツ」にそのままリンクを張ると、ペナルティになるのでしょうか？ ・Googlebot に「登録」「ログイン」などへのリンクをクロールさせると、インデックス登録を希望するその他のページはクロールされなくなるのでしょうか？ ＜質問2＞ ・サイト規模によっては、信頼できるかどうか都度判断するのは大変だと思うのですが、例えば、外部リンクを動的に全て「rel="nofollow"」とするのは良くないのでしょうか？ それとも、全部「rel="nofollow"」は逆にペナルティ扱い？ ＜質問3＞ ・広告には「rel="nofollow"」をつける、つけない？ 正反対の内容を書いているサイトがあったのですが、どちらが正しいのでしょうか？ ＜質問4＞ ・「rel="nofollow"」はHTML仕様なのでしょうか？ それとも検索側の独自仕様なのでしょうか？ ・正確な情報はどこを見れば分かるのでしょうか？
- ベストアンサー
- HTML
- SNS共有にnofollow
SNS共有でブログに共有コードを貼り付けると、 名前・画像など、いろんな箇所がリンクになります。 その全てのリンク達に、nofollowを付けたいです。 rel="nofollow"というのは、nofollowにしたいURLの後に付けるようです。 ですが、やってみると画像が表示されなくなったりします。 SNS共有にnofollowを付けるには、どのようにすればできるでしょうか？ また、いくつかのリンクに一度に設定する方法などはあるでしょうか？ よろしくお願いいたします。
- 締切済み
- その他（プログラミング・開発）
- 【rel="noopener noreferrer
【rel="noopener noreferrer"】グーグルクロームで target="_blank"のリンクに対してrel="noopener noreferrer"を設定する方法を教えてください。 予防するには target="_blank" なリンクに対して rel="noopener noreferrer" を設定すれば良いとのこと。 https://yoru9zine.hatenablog.com/entry/2017/03/17/230729
- ベストアンサー
- その他([技術者向] コンピューター)
- rel属性を複数使用したい
XHTML 1.0 Strictなのでtarget="_blank"の代用で外部jsに function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload=externalLinks; として読み込みリンクに<a rel="external" ..........>としています。 その他にhighslide.jsを使用しているのですがrel属性が重複しているためか highslide.jsの動作は正常なのですがtarget="_blank"の代用の効果がありません。 rel属性が重ならないようにしたいのですが解決策はありますでしょうか？ highslide.jsのURLです↓ http://vikjavev.no/highslide/
- 締切済み
- JavaScript
- rel="canonical"について
下記のURL群をrel="canonical"で「test.html」にまとめたいと思っています。 test.html test.php?no=1 test.php?category=2 test.php?page=2 ※コンテンツは全て同じ サイト内ナビゲーションのリンク先はtest.php?no=1やtest.php?category=2として、 「test.html」自体はどのページからもリンクされていないとしたら何か問題があるでしょうか。
- ベストアンサー
- SEO
- HTMLの質問です。画像を並べて名称を表記します。
ホームページビルダーで作成しました。 今回の例では画像を横4枚、縦2段に並べて画像下にテキストを表記します。 各画像にはリンクを貼っています。 ところが画像下のテキストの右端だけがダブって表記されます。 具体的にはタイトル4とタイトル8というテキストです。 問題点が分かる方はご教授願います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>ホームページのタイトル</title> <link rel="stylesheet" type="text/css" href="hpb9tm04_8.css" id="hpb9tm04_8" a:link { text-decoration:underline; color:#0000FF; } a:visited { text-decoration:underline; color:#9900CC; } a:active { text-decoration:underline; color:#00FF00; } a:hover { text-decoration:underline; color:#00FF00; position:relative;top:3px;left:3px; }</style> </head> <body style="color: #000000; background-color: #ffffff" background="壁紙画像"> <div> <table class="hpb-main" id="HPB_LAYOUTTABLE_05" cellspacing="0" cellpadding="0" width="760" border="0"> <tbody> <tr> <td class="hpb-cnt-cell1" id="HPB_LAYOUT_LMH0" valign="top" align="center" height="18"> <table class="hpb-hmenu1" id="HPB_LINK_MENU_TABLE_01" cellspacing="0" cellpadding="0" align="center" border="0"> </table> </td> </tr> <tr> <td class="hpb-cnt-cell3-x" valign="top" align="center"><div style="float:left"><img height="43" alt="ホームページのタイトル" width="232" border="0" src="ホームページのタイトル画像" /> <table class="hpb-lb-tb1" cellspacing="0" cellpadding="0" align="center" border="0"> <tbody> <tr> <td class="hpb-lb-tb1-cell3" id="HPB_LAYOUT_CONTENTS" valign="top" height="400"> <p><div style="float:left"><img height="37" alt="ホームページのサブタイトル" width="510" border="0" src="ホームページのサブタイトル画像" /></p> <p> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル1" width="140" border="0" src="画像" /><br />タイトル1</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル2" width="140" border="0" src="画像" /><br />タイトル2</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル3" width="140" border="0" src="画像" /><br />タイトル3</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル4" width="140" border="0" src="画像" /><br />タイトル4</div></a> <div style="clear:both"></div></p> <p> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル5" width="140" border="0" src="画像" /><br />タイトル5</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル6" width="140" border="0" src="画像" /><br />タイトル6</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル7" width="140" border="0" src="画像" /><br />タイトル7</div></a> <a target="_blank" rel="nofollow" リンク先URL"><div style="float:left"><img height="210" alt="タイトル8" width="140" border="0" src="画像" /><br />タイトル8</div></a> <div style="clear:both"></div></p> <p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </body> </html>
- ベストアンサー
- HTML
- リンクできません。できる方法をお教えください。
YAHOO!グループの 「掲示板への新しいメッセージの投稿 」へ次のように書き入れました。 <A href="http://totoro.info/" target="_blank">■無料一括投稿「トトロ」</A> [プレビュ]ボタンを押したところ、上述ように書き入れたとおりの文章が表示されました。 私としては ”■無料一括投稿「トトロ」” のみを、テキストリンクとしたいのです。 つまり ”■無料一括投稿「トトロ」” をクリックすれば”■無料一括投稿「トトロ」”が表示できるできるようにしたいのです。 <A href="http://totoro.info/" target="_blank"></A> は、表示させたくありません。 以前は（前日）までは他のリンクもリンク可能でした。 アフェリエイトに使っているので、大変困っています。 宜しくご教示をお願いいたします。
- 締切済み
- ブログ
- 一括置換で、すべてが文字化け！
こんばんわ。 HTMLのcharsetをドリームウィーバーで一括置換したところ、 文字化けしてしまいました。 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> を下記のように一括置換で変更しました。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> UTF-8に一括置換で変更しました。 一括置換したところ、一括置換したHTMLのソースが全て 文字化けしてしまいました。 なぜでしょうか？ 手打ちで変更しても何も問題は無かったのですが、一括置換を すると文字化けしてしまいます。 ドリームウィーバーの問題なのでしょうか？ ドリームウィーバーはCS3を使用しています。 ご存じのかたがいらっしゃいましたら、ご助言頂けませんでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- link要素の意味/使い方について（<link rel="？"なものが多いので
<head></head> 内の、 <link rev="made" href="mailto:～" /> <link rel="next" href="～" /> は、 ●どういう意味あいで書くもので、 ●実際問題どのような影響があるのでしょうか？ ●またどのような記述が正しいのでしょうか？ また、<link .... / > というものをこれら以外にもみかけたのですが、 これらの意味についてお教えいただけないでしょうか？ あるいは、これらについてのまとめサイト的なものはないでしょうか？ （英語でもOK） http://www.kanzaki.com/docs/html/link.html に一部解説がありますが、この解説に掲載されていないものも、たくさん下記にあるようです。 //=========================================================== //ある個人サイトでみかけたもの <link rel="openid.delegate" href="～" /> <link rel="openid.server" href="～" /> <link rel="schema.geo" href="～" /> <link rel="meta" href="/info/webwho.rdf" type="application/rdf+xml" title="～" /> <link rel="meta" href="/w3c/pics-labels.rdf" type="application/rdf+xml" title="～" /> <link rel="alternate" type="text/html" hreflang="en" href="./index.html.en" /> <link rel="alternate" type="application/xml" href="/info/rss.rdf" title="RSS update information" /> <link rel="help" href="/info/navi" /> <link rel="copyright" href="/info/disclaimer" /> <link rel="shortcut icon" href="./favicon.ico" /> <link rev="made" href="mailto:webmaster@example.com" /> ※なお、その個人サイトでは、 <link rev="made" href="mailto:webmaster@example.com" />と記述しているにも関わらず。 本文にて、 「メールアドレスwebmaster@example.comは無効にしています。メッセージは******（別のメアド)にお送り下さい。」 これって、矛盾はしていないのでしょうか？ //----------------------------------------------------------- （↓これはさすがにわかります） <link rel="stylesheet" href="/hoge.css" type="text/css" /> //=========================================================== //wikipediaでみかけたもの // http://ja.wikipedia.org/wiki/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8 <link rel="alternate" type="application/x-wiki" title="編集" href="～" /> <link rel="apple-touch-icon" href="～/apple-touch-icon.png" /> <link rel="search" type="application/opensearchdescription+xml" href="～/opensearch_desc.php" title="Wikipedia (ja)" /> <link rel="copyright" href="～/fdl.html" /> <link rel="alternate" type="application/rss+xml" title="Wikipedia をRSSフィード" href="～" /> <link rel="alternate" type="application/atom+xml" title="Wikipedia をAtomフィード" href="～" /> ※話題が若干ずれますが、 RSSが、 「ある個人サイトでみかけたもの」では application/xmlとなっており、 wikipediaでは、application/rss+xml となっていますが、どちらのほうが望ましいのでしょうか？ //----------------------------------------------------------- //=========================================================== //w3cでみかけたもの // http://www.w3.org/ <link rel="meta" href="/Overview-about.rdf" /> <link rel="bookmark" href="#technologies" title="Technologies |" /> <link rel="bookmark" href="#news" title="News |" /> <link rel="bookmark" href="#search" title="Search |" /> <link rel="contents" href="#contents" title="Contents |" /> <link rel="bookmark" href="#Offices" title="Offices |" /> <link rel="bookmark" href="#systems" title="Systems |" /> <link rel="bookmark" href="#donors" title="Supporters |" /> <link rel="bookmark" href="#footnotes" title="Footnotes |" /> <link rel="alternate" type="application/rss+xml" title="W3C Home Page News RSS Channel" href="http://www.w3.org/2000/08/w3c-synd/home.rss" /> ご存じの方がいらっしゃいましたら、お教えいただければ幸いです。 以上、よろしくお願いいたします。
- 締切済み
- HTML
- Dreamweaverでの置換方法について
DreamweaverCS6を使ってホームページ（商品の販売サイト）の更新をしている者です。 複数ページにわたって、一括で置換したい箇所があります。 それらのページを開き、 検索および置換＞検索対象「現在ひらいているドキュメント」＞全て置換 の作業をすると、トップページ（index.html）の情報まで置き換えられてしまいます。 その際、トップページ（index.html）は、開いておりません。 原因を探ってみたのですが、 <link rel="index" href="../index.html"> をhead要素で指定している事に原因があるような気がするのですが、 <link rel>で指定された文書は、開いていなくても置換されてしまうのでしょうか？ どなたか原因が分かる方、お教え頂ければ幸いです。
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
＞＞＞＞ リンクのtarget="_blank"に対する脆弱性の対策として rel="noopener" を追加することが推奨されております。 現状一部のAndroid端末におきましては target="_blank" のみが 指定されているリンクの場合、正常にページが遷移しない現象が確認されております。 各パートナー様におかれましては下記のご対応を実施していただけますと幸いです。 ■既にサイトにリンクコードを設置されている場合 対応方法1もしくは対応方法2のいずれかのご対応をお願いできますでしょうか。 対応方法1： 管理画面よりリンクコードを再度取得して頂き、サイトに設置されている リンクコードと置き換えて頂けますでしょうか。 ※2019/09/02 12:00(正午)以降に取得されたリンクコードが対応済の ものとなります。 対応方法2： 設置済みのリンクコードに noopener 属性を追加します。 1. リンク中に「rel」がある場合 noopener をスペースで区切って追加します。 例) 変更前： ＜a href="http://www.rentracks.jp/adx/ (省略)" target="_blank" rel="nofollow"＞ 変更後： ＜a href="http://www.rentracks.jp/adx/ (省略)" target="_blank" rel="nofollow noopener"＞ ■これより新規にリンクを取得し、サイトに掲載される場合 通常通り管理画面よりリンクコードを取得頂ければ問題ございません。 但し2019/09/02 12:00(正午)以降に取得されたリンクコードが 対応済のものとなりますので、ご注意ください。 ＞＞＞＞ レントラから上記の連絡があったので、 target="_blank" rel="nofollow noopener"このように自分で変更しました。 しかし、A8は、何もしなくていいけど、できれば、新しいコードにすべて変えてほしいと言っています。 しかし、すべて新しコードを取り直すのはあまりに大変です。 そこで自分でソースをいじって下記のようにしたほうがいいのか迷っています。 ＜a href="http://www.a8 (省略)" target="_blank" rel="nofollow noopener"＞ ないしは下記 ＜a href="http://www.a8 (省略)" rel="nofollow"＞ でもそのままでもちゃんとコンバージョンになるようなので、あえて何もしないのが無難ですかね。 デメリットは、公式で確認してもクリックされたというデータが0になってしまう事だけでしょうか？