About Twitter cards


#1

Thank you very much for your everybody and explanation.
But English isn’t understood so much, so I don’t understand the contents you’re answering well.
I question again.
Since sticking to a summary card, a summary card which is a big image, a picture card, a gallery card and a product card, I understand.
Because a source of my page doesn’t open.
Basic , if it’s written, which place doesn’t know whether it’s good?
Can html of my page think where to operate?

My Twitterpage is https://twitter.com/sato0127.

Somehow, I’m waiting for a response.


#2

The types of card you can use are listed here (photo, gallery and product no longer exist).

You need to add the meta tags to the source of the web page you are sharing a link to in your Tweet - not to the source code of your Twitter profile page. So, if you share a link to https://www.example.com then you would need to make share that the page at that address had twitter:card markup added to it. When you Tweet that link, the card would be included.

I hope that helps a little.


#3

Mr.system U

Thank you very much for your explanation. But English isn’t understood well, so it can’t be understood so much.

Is meta written in my HP?
http://www.presen-cobo.com
Or
is it written on other places?
https://twitter.com/sato0127


#4

Yes, here. You need to add code to this page.


#5

Mr.system U

Thank you very much for your explanation. But English isn’t understood well, so it can’t be understood so much.

Is meta written in my HP?
http://www.presen-cobo.com
Or
is it written on other places?

<img src="/uploads/default/original/2X/7/79cb8184922c5bd46dfc33284381b5d522465b54.jpg" width="686" height="500">


#6

is it written on other places?


#7

I see.!

Is it written on a head of my HP?

It’s problem solving with this, isn’t it?
Thank you very much.


#8

Yes, here in your own code.


#9

When it’s checked, such message goes out.

The card for your website will look a little something like this!
INFO: Page fetched successfully
INFO: 7 metatags were found
ERROR: No card found (Card error)

How should it be done?


#10

Satoさん、

お世話になっております。ちょっと横から失礼しますが・・この辺にそんなに詳しくないんですが日本語ができるメンバーとしてこのスレッドに入って手伝いたいと思います。

実はカードについて、珍しく日本語のドキュメントに対応しております:https://dev.twitter.com/ja/cards/overview

メタタグはHEADになきゃいけなくて、<“summary/”>ではなくて<“summary” />にしなきゃいけないのは一つの問題だと思います。検索したところで、一応日本語の記事けっこう色々出るのまた困難があれば一度検索してみてください。

よろしくお願いします


#11

JBabichJapan さま

お世話を掛けております。
英語が殆どダメなので、大変助かります。

<“summary” />にしなきゃいけない

しかし、メタタグをそれに変えましたが、添付の様にメッセージが出ます。

twitter:カード=要約タグは見つけた
エラー:無効の価値(メッセージ:フィールド説明は、有効にすること それゆえ に失敗した:テキストはタグプロパティを予期するけれども、マップ()において見つけなかった。)

という事ですが・・

尚、私のhtmlは4.01になっております。
<“summary”/>に変えても赤い警告文字は出ます。

アドバイスをどうかお願い申し上げます。


#12

Sato様

お世話になっております。

おそらくは赤い文字のところは「twitter:descriptionがない」っていうエラーだと思います。その前の行は「Summary見つけました」みたいなオッケーになってるので、それと同様に他の必須なタグを埋め込めばいいと思います。

よろしくお願いいたします


#13

Twitter Staff さま

お世話を掛けております。

それと同様に他の必須なタグを埋め込めばいいと思います。

具体的に何を書けば良いのですか?
「twitter:descriptionがない」という事ですが、HPのdescriptionとは別にここにも書くのですか?
Twitterぺージのプロフィールをmetadescriptionとして書くのですか?

ご返事をお待ちします。


#14

Sato様、

メタタグに関してはhttps://dev.twitter.com/ja/cards/markup に「〜に使用」のタグはそのカードタイプを出すために必要です。twitter:descriptionっていうタグが必要です。複数のタグが必要です。例えばSummary Cardのページからコピペするとこれらが必要です:
`

`

カードを実装するには、HTMLに上と同じようなタグをの間に入れたら済むと思います。そのどのタグにすればいいのか、上に貼ったページをご覧ください。


#15

JBabichJapan さま

今いろいろ試して

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@sato0127">
<meta name="twitter:title" content="顔の画像">
<meta name="twitter:description" content="私のアイデンティティーとしてWebで既知の顔の画像">
<meta name="twitter:image" content="http://www.presen-cobo.com/teian.jpg">
<meta name="twitter:url" content="http://www.presen-cobo.com/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sato0127/">
<meta name="twitter:title" content="提案のアイキャッチとしての画像">
<meta name="twitter:description" content="提案の効果的なアイキャッチとしての画像">
<meta name="twitter:image" content="http://www.presen-cobo.com/teian.jpg/">
<meta name="twitter:url" content="http://www.presen-cobo.com/">

しかし、1.のBigな画像では顔が余りにも大きいので
2.の画像にメタタグを書き換えをしましたが、なせか変更出来ませんでした。

Twitterカードの機能を良く知らずに登録してしまいました。
2.の青い富士山の画像は今迄毎度手で添付していましたが、是で行く事にします。
手間は少しかかりますが、訴求力は同じでしょう。

何度も対応頂き有り難うございました。<img src="/uploads/default/original/2X/6/66b8090a1e08985d4a1db4b6189bfb5cc76fab85.jpg" width="615" height="500">


#16

ありがとうございました。


#17
``` ```
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sato0127/">
<meta name="twitter:title" content="提案のアイキャッチとしての画像">
<meta name="twitter:description" content="提案の効果的なアイキャッチとしての画像">
<meta name="twitter:image" content="http://www.presen-cobo.com/teian.jpg/">
<meta name="twitter:url" content="http://www.presen-cobo.com/">

#18

Hi I would like to change my existing player card from one domain to another.
Pls help


#19

No, this problem was settled already.

A picture understood the contents written in metatag once, and seemed.
Without being made, replacement made it a picture of a request to put a picture in by hand every time after all.
I think the reason that I don’t can replace is a problem of cache.

Thank you very much for your answer many times.


#20

You’ll need to apply for your new domain to be whitelisted.