SlideShare une entreprise Scribd logo
1  sur  31
MT LOVE!

  @kaoritter at MTDDC 2012
メ タ
MT LOVE!

      @kaoritter at MTDDC 2012
こんにちは!
@kaoritter です。

現
 
     プロダクトマネージャー

元       マーケ&広報

3歳児のままです
ところで、
諸君、
わたしは
メタ情報が
好きだ!
メタ情報が
大好きだ!!
charset が好きだ
shortcut icon が好きだ
 description が好きだ
   robots が好きだ
  canonical が好きだ
    OGP が好きだ
<head>内に
  記述される
 ありとあらゆる
メタ情報が大好きだ!
meta generatorとか
 (↑何のツールで作ったか書く)

  誰得なのか、
さっぱりわからなくて
 感動すら覚える
よろしい
 ならば、
メタ情報だ!
というわけで、
og_image
 のお話
こういうやつ
<meta property=“og:image”
content=”hogehoge.jpg“>
     ↑
  ここに記事の
 サムネイル画像を
  指定します
あちこちで
使われてます
Facebookとか
Google+ とか
mixi でも
我らが   でも
あらやだ、
 気づいたら
結構使われてる
じゃないの!
  ( ゚д゚)
J( „ー`)し

カーチャンも頑張って
対応してみよう!
J( „ー`)し

      「たかしへ。
   カーチャンのMTブログに
og_image設定してみたの。
       良かったら
  見てみてください。」
<meta property="og:image"
      content="<mt:EntryBody
regex_replace="/<[^i].*?>|<i[^m]*?>|
<iframe.*?>|<input.*?>|<ins.*?>|<isi
          ndex.*?>|s/g",""
regex_replace='/(.*?src=")(.*?)(".*)/g
               ','$2'
 regex_replace='/^[^./h].*/g',''>" />
ブログ記事本文中の最初のimgのURLを取得する | かたつむりくんのWWWのページを参考にして、カーチャンが実装してみました。
<meta property="og:image"
      content="<mt:EntryBody
regex_replace="/<[^i].*?>|<i[^m]*?>|
      J( д ) ゜゜
<iframe.*?>|<input.*?>|<ins.*?>|<isi
          ndex.*?>|s/g",""
                     ポーン!
regex_replace='/(.*?src=")(.*?)(".*)/g
               ','$2'
 regex_replace='/^[^./h].*/g',''>" />
ブログ記事本文中の最初のimgのURLを取得する | かたつむりくんのWWWのページを参考にして、カーチャンが実装してみました。
J( „ー`)し
…カーチャン、ただ記事ごとに
 最適なog_image画像を
 出したかっただけなの…

できれば、次のような仕様で
1.カスタムフィールドで
  手動で指定した画像

2.↑がなければ記事の最初の画像
  ※できれば、絵文字などは入らないように
 指定サイズ以上の画像のみにできるとうれしいわ


  3.画像のない記事は
  指定したデフォルト画像
J( „ー`)し

        「たかしへ。
 カーチャンには理想的なog_image指定を
    書くのは難しかったみたい。
  たかしはパソコンが得意だから、
きっと素敵なMTのプラグインを作って
     くれるって信じてます。」
J( „ー`)し

     「カーチャン、
いつまでも待ってるからね。」
おしまい


  をよろしくね!

Contenu connexe

Tendances (6)

Ossで作るwebサイト
Ossで作るwebサイトOssで作るwebサイト
Ossで作るwebサイト
 
東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT東京Node学園祭2014 飛び入りLT
東京Node学園祭2014 飛び入りLT
 
Debug Hacks出版記念トークイベント、新宿ジュンク堂
Debug Hacks出版記念トークイベント、新宿ジュンク堂Debug Hacks出版記念トークイベント、新宿ジュンク堂
Debug Hacks出版記念トークイベント、新宿ジュンク堂
 
2012 09-29.yapcasia2012ltthon
2012 09-29.yapcasia2012ltthon2012 09-29.yapcasia2012ltthon
2012 09-29.yapcasia2012ltthon
 
Cake php4designers
Cake php4designersCake php4designers
Cake php4designers
 
Visual resume2
Visual resume2Visual resume2
Visual resume2
 

Similaire à MT LOVE!

脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
Hidekazu Ishikawa
 
Css Nite Word Press
Css Nite Word PressCss Nite Word Press
Css Nite Word Press
Web nist
 
MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013
純生 野田
 
ザ・ドキュメント~うまくいかないNoSQL~
ザ・ドキュメント~うまくいかないNoSQL~ザ・ドキュメント~うまくいかないNoSQL~
ザ・ドキュメント~うまくいかないNoSQL~
Akihiro Kuwano
 
お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~
Che Renkov
 
Movable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイトMovable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイト
regret raym
 

Similaire à MT LOVE! (20)

ディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Typeディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Type
 
Inside Movable Type
Inside Movable TypeInside Movable Type
Inside Movable Type
 
脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
 
MTDDC Meetup TOKYO 2015 bit-part
MTDDC Meetup TOKYO 2015 bit-partMTDDC Meetup TOKYO 2015 bit-part
MTDDC Meetup TOKYO 2015 bit-part
 
Css Nite Word Press
Css Nite Word PressCss Nite Word Press
Css Nite Word Press
 
第5回 HTML5minutes! LT 「ねこでもできるWebGL」
第5回 HTML5minutes! LT 「ねこでもできるWebGL」第5回 HTML5minutes! LT 「ねこでもできるWebGL」
第5回 HTML5minutes! LT 「ねこでもできるWebGL」
 
Oktopartial Introduction
Oktopartial IntroductionOktopartial Introduction
Oktopartial Introduction
 
2005 11 29_template_customize_seminer_04
2005 11 29_template_customize_seminer_042005 11 29_template_customize_seminer_04
2005 11 29_template_customize_seminer_04
 
SQLマッピングフレームワーク「Kobati」のはなし
SQLマッピングフレームワーク「Kobati」のはなしSQLマッピングフレームワーク「Kobati」のはなし
SQLマッピングフレームワーク「Kobati」のはなし
 
Webteko 20090925
Webteko 20090925Webteko 20090925
Webteko 20090925
 
GDG Women DevfestW
GDG Women DevfestWGDG Women DevfestW
GDG Women DevfestW
 
Wp html5
Wp html5Wp html5
Wp html5
 
jadeで作るclient template
jadeで作るclient templatejadeで作るclient template
jadeで作るclient template
 
HTML で自己紹介ページをつくる
HTML で自己紹介ページをつくるHTML で自己紹介ページをつくる
HTML で自己紹介ページをつくる
 
MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013MT meets PHP - PHP conference Kansai 2013
MT meets PHP - PHP conference Kansai 2013
 
ザ・ドキュメント~うまくいかないNoSQL~
ザ・ドキュメント~うまくいかないNoSQL~ザ・ドキュメント~うまくいかないNoSQL~
ザ・ドキュメント~うまくいかないNoSQL~
 
閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは
 
お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~
 
Polymerやってみた
PolymerやってみたPolymerやってみた
Polymerやってみた
 
Movable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイトMovable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイト
 

Plus de Kaori Kotobuki

プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLTプレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
Kaori Kotobuki
 
ZenbackとWordPressのイイ関係
ZenbackとWordPressのイイ関係ZenbackとWordPressのイイ関係
ZenbackとWordPressのイイ関係
Kaori Kotobuki
 

Plus de Kaori Kotobuki (11)

プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLTプレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
 
予算0、コーディング無し でも出来る! マーケターのための自動化
予算0、コーディング無し でも出来る! マーケターのための自動化予算0、コーディング無し でも出来る! マーケターのための自動化
予算0、コーディング無し でも出来る! マーケターのための自動化
 
広報活動の一環として取り組む、オウンドメディアの勘所
広報活動の一環として取り組む、オウンドメディアの勘所広報活動の一環として取り組む、オウンドメディアの勘所
広報活動の一環として取り組む、オウンドメディアの勘所
 
Movable Typeでニンテンドー3DSの課題を解決!?またはSix Apart エンジニア求人募集 #cross2015 #cross2015d
Movable Typeでニンテンドー3DSの課題を解決!?またはSix Apart エンジニア求人募集 #cross2015 #cross2015dMovable Typeでニンテンドー3DSの課題を解決!?またはSix Apart エンジニア求人募集 #cross2015 #cross2015d
Movable Typeでニンテンドー3DSの課題を解決!?またはSix Apart エンジニア求人募集 #cross2015 #cross2015d
 
複数メディア・アカウント運用者のためのBuffer活用術 - オウンドメディア勉強会第四回
複数メディア・アカウント運用者のためのBuffer活用術 - オウンドメディア勉強会第四回複数メディア・アカウント運用者のためのBuffer活用術 - オウンドメディア勉強会第四回
複数メディア・アカウント運用者のためのBuffer活用術 - オウンドメディア勉強会第四回
 
いつ読むの?あとでしょ!「Pocket」再入門
いつ読むの?あとでしょ!「Pocket」再入門いつ読むの?あとでしょ!「Pocket」再入門
いつ読むの?あとでしょ!「Pocket」再入門
 
$whoami kaoritter at Tokyo girl geek dinners 2013 #TGGD
$whoami kaoritter at Tokyo girl geek dinners 2013 #TGGD$whoami kaoritter at Tokyo girl geek dinners 2013 #TGGD
$whoami kaoritter at Tokyo girl geek dinners 2013 #TGGD
 
ZenbackとWordPressのイイ関係
ZenbackとWordPressのイイ関係ZenbackとWordPressのイイ関係
ZenbackとWordPressのイイ関係
 
僕らがZenbackを作る理由&ブログとソーシャルの関係について
僕らがZenbackを作る理由&ブログとソーシャルの関係について僕らがZenbackを作る理由&ブログとソーシャルの関係について
僕らがZenbackを作る理由&ブログとソーシャルの関係について
 
全てのページにcanonicalを!
全てのページにcanonicalを!全てのページにcanonicalを!
全てのページにcanonicalを!
 
Power of Social network on your site with zenback
Power of Social network on your site with zenbackPower of Social network on your site with zenback
Power of Social network on your site with zenback
 

Dernier

Dernier (7)

NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 

MT LOVE!