Google 結構化資料測試工具：使用方式與基本準則 - 技研可樂

在彈出的視窗中，將結構化資料片段JSON-LD、Microdata 或RDFa 標記放在「貼上程式碼」的框格中，按下『執行測試』即可開始進行分析調試。

Google 結構化資料測試工具： ... 跳到主要內容 Google結構化資料測試工具：使用方式與基本準則 取得連結 Facebook Twitter Pinterest 以電子郵件傳送 其他應用程式 Google結構化資料測試工具，是Google提供的網頁「結構化資料標記」檢測分析工具，網站中藉由佈置HTML結構化語意，能讓搜尋引擎更容易地組織並在搜尋結果中顯示結構化信息。

舉凡食譜標記、麵包屑、連結搜索框、活動、評論、網站徽章、社交簡介、公司商家資訊、音樂、電視、電影、圖書等類型的資料，都能將網站豐富吸引人的內容在搜尋引擎裡顯示。

結構化資料標記使用JSON-LD、Microdata、RDFa這三種標記類型，依據schema.org開放協作社群共享編輯。

使網站管理員和開發人員更容易的使用統一模式，建立網頁的結構化信息。

現在搜尋引擎已經越來越人性化，除去以往對搜尋引擎的刻板印象。

 Google、Microsoft、Yahoo、Yandex等搜尋引擎，皆已支援網頁HTML的結構化標記，訪客在搜尋引擎中得到的搜尋結果，網站關聯信息都能經由使用「結構化資料標記」，在搜尋引擎中呈現豐富連結單元。

Google在「技術指南」中，建議可在自己的官方網站中使用schema.org提供的JSON-LD、Microdata、RDFa這三種標記類型，部署網站的結構化資料標記。

網站robots.txt文件中則不能建立阻擋Googlebot(自動尋檢程式 )撈取網頁的資料。

使用結構化資料標記時，Google 建議盡可能使用JSON-LD標記。

除了「Breadcrumb階層導覽麵包屑」無法使用JSON-LD標記外，Google也正在為所有主要標記添加JSON-LD的支持。

額外的，除了須提供網頁「rel="canonical"」首選版本的連結元素外，也可以標記AMPHTML網頁的等效項目，以提供跨設備瀏覽的最佳體驗。

使用流程 擷取網址 提交程式碼片段 GoogleSearchConsole檢查標記 使用方式 在「結構化資料測試工具」幫網頁檢測HTML的「結構化資料標記」時，可以使用「擷取網址」與提交「程式碼片段」的方式，做標記的即時調試分析。

目前使用「結構化資料測試工具」時，一次可以檢測一個網頁。

如果有多個頁面需要檢測時，就得重複提交網址，建議可以將網站裡重要的頁面進行調試分析。

以下是工具的使用方式。

標記網頁的結構化資料，可參考官方文件「IntroductiontoStructuredDataTypes」，或是以下連結。

Google結構化資料標記：階層連結Breadcrumbs導航麵包屑 Google結構化資料標記：連結搜尋框 Google結構化資料標記：搜尋結果連結網址顯示階層式網站名稱 Google結構化資料標記：網站Logo徽章 Google結構化資料標記：社交簡介連結圖示 Google結構化資料標記：網誌文章 Step1 擷取網址 前往「結構化資料測試工具」頁面。

如果要檢測單一網頁頁面的所有「結構化資料標記」，可以直接在『擷取網址』的地方提交自己的網址，再按下『執行測試』進行標記分析。

如果出現標記錯誤的問題，可以點取頁面右側的「錯誤標記」，在左側編輯器中就會顯示錯誤的標記片段。

在左側編輯器修正錯誤後，可以點取中間「綠色的向右鍵頭」，右側就會顯示標記修改後的即時內容。

Step2 提交程式碼片段 在一開始使用工具時，可以點擊「程式碼片段」做使用。

也可以在檢測途中，點取畫面中的『新測試』，進行新的標記分析。

在彈出的視窗中，將結構化資料片段JSON-LD、Microdata或RDFa標記放在「貼上程式碼」的框格中，按下『執行測試』即可開始進行分析調試。

下圖做了一個「連結搜尋框」的Microdata結構化資料標記做為測試。

在左側會顯示「程式碼片段」，右側視窗就顯示標記分析的結果。

Step3 GoogleSearchConsole檢查標記 在「結構化資料測試工具」幫網站完成結構化資料標記檢測後，如果發現GoogleSearchConsole(WebMasters)裡面的「搜尋結果呈現方式〉結構化資料」中，有發生錯誤或是標記沒有即時更新，不用心急。

因為資料抓取還需要一段時間才能正確對應。

實測，經由變更修正網站的「結構化資料標記」後，約需一星期的時程GoogleSearchConsole(WebMasters) 裡面的資訊才會更新。

小結 Google搜尋結果中的「連結搜尋框、網站連結單元」，會經由搜尋引擎演算顯示，無法自行調整。

搜尋結果中的綠色網址列「階層式連結網站名稱」，目前觀察只有行動版網站顯示此資料(*不過顯示的例子相少)。

綠色網址列「Breadcrumb階層導覽麵包屑」可正常顯示。

搜尋結果中的「網站Logo徽章、社交簡介連結圖示、公司聯繫人標記」與「Google我的商家」知識圖譜綁在一起才能顯示。

會經由搜尋引擎演算顯示，無法自行調整。

標籤： 結構化資料標記 StructuredData 取得連結 Facebook Twitter Pinterest 以電子郵件傳送 其他應用程式 留言 繼續閱讀： 這個網誌中的熱門文章 [外掛]Chrome擴充：ColorPickEyedropper網頁色碼擷取器 Chrome擴充外掛套件：ColorPickEyedropper是一款色碼吸管(點滴)工具，只要開啟Chrome瀏覽器並點取應用程式，即可馬上擷取目前在網頁瀏覽中的HTML顏色代碼(十六進位值色碼)及RGB色彩，在使用上非常便利。

產品特點使用鼠標在網頁上的任何位置選擇顏色！可預覽像素並縮放顏色選擇器。

使用箭頭鍵拖動預覽微調。

方便的複製查看RGB和HSL顏色值。

方便的複製查看HEXRGB和HSL顏色值（僅適用於Windows主機安裝版）。

轉換RGB到HEX，轉換HEX到RGB（僅適用於Windows主機安裝版）。

保留上一次選擇的歷史顏色。

軟體資訊軟體名稱：ColorPickEyedropper軟體性質：Chrome免費(主機安裝版單主機0.99USD)作業系統：Windows、Mac官方網站：http://vidsbee.com/ColorPick/檔案下載：Chrome安裝版連結｜主機安裝版官網鏈結附註：這個Chrome擴充可能還沒有預期在Mac上。

需要權限：讀取及變更您造訪過的網站上的所有資料操作介紹使用時按下ColorPickEyedropper 圖示，即可在網頁中的任意位置擷取色碼預設顏色取樣有十六進位值色碼及RGB色碼，需查看HSL色碼值可點擊設置(齒鑰)在設定頁面即可選取HSL選項，另外曾經擷取過的顏色也會保留在這一頁 閱讀完整內容 [教學]LINE電腦版行動條碼登入設定 LINE使用者多，用戶帳號被盜的情況也就多，防堵自己的帳號被駭，建議可以將常用的線上購物與社群相關帳號做兩步驟驗證或二階段安全憑證登入，舉凡FB、Google、Outlook.com、Yahoo、露天、淘寶與這裡要介紹的LINE。

LINE除了支援行動裝置APP安裝外，也可下載電腦桌機版安裝登入。

電腦版的LINE介面支援電子郵件與行動條碼登入，建議可以使用手機APP上便利的「行動條碼登入」，在外臨時需要或借用電腦時相當方便，也可免去電腦中毒或被安插木馬而導致帳號密碼被竊的風險。

在設定時我們會開啟LINEAPP中的「允許自其他裝置登入」，並使用APP給的「行動條碼掃描器」掃描電腦版LINE給的QRcode，在掃描過後即可完成登入的動作，以下就是相關的操作流程。

相關連結LINE官方網站：各型裝置下載連結「http://line.me/zh-hant/download」LINE問題反應表：「https://contact.line.me/zh-hant/?XXXXXXXXXXXXXXXX」設置教學開啟「行動裝置」上的LINEAPP，在「設置」頁面點擊【我的帳號】，接著勾選【允許自其他裝置登入】。

回到【上一頁】點選【個人資料】，接著選擇【行動條碼】。

這一步我們選取【行動條碼掃描器】，接著到「桌機裝置」開啟「電腦版」LINEAPP並點選【使用行動條碼登入】。

接著用開啟中的「行動條碼掃描器」掃描畫面中的QRcode，緊接著系統APP會詢問是否要登入，這裡點擊【登入】。

在這邊系統提示「您已登入成功」我們按下【確定】，回到「電腦版」就可以看到成功登入LINE了。

小結行動裝置不開啟「未知的來源(Android)」或安裝來路不明的ROM，大致上只下載官方APP來使用，有官方把關使用上也較為安心。

平日每人的使用習慣不一，尤其是電腦裝置常常下載一些有的沒的程式，很容易就被藏木馬或是被駭，設置應用程式登入相較電子郵件登入還來的安全一些些。

閱讀完整內容 Line分享按鈕：文章分享語法相容網頁版、行動裝置、APP 網站及部落格安裝 Line分享按鈕，語法相容網頁版(電腦版瀏覽器)、行動裝置(行動版)或APP，LINE傳送分享文章到Line好友名單的「聊天、朋友、群組、Keep」使用。

網頁安裝「LINE分享按鈕」的方式有兩種，一種是「圖片JavaScript連結」，另一種是利用官方提供的「LINE函式庫」，當然行動版及App都適用。

無論是圖片連結的方式，或是使用官方函式庫將文章分享到LINE，都能夠正常抓取文章的「網址、圖片、標題、描述」。

從行動裝置上按下我們在行動版或網頁版裡設置的LINE分享按鈕，也能夠正常的開啟LINEAPP做分享文章的動作，將文章分享給好友。

本文中「LINE分享按鈕語法」除了一般安裝方式，也加入了Blogger及WordPress部落格的設置方法，如果你的網站剛好在這兩個網誌平台，也可以參考以下的設定介紹為自己的行動版及網頁版(電腦版)網站做「LINE分享按鈕」的部署。

網頁版訪客點擊LINE分享按鈕時的使用情境當訪客按下分享按鈕時，會在瀏覽器上開啟一個新視窗。

輸入LINE的帳號和密碼登入之後，就能做文章分享的動作。

如下圖和上圖。

(*訪客在瀏覽器中登入過一次資料，之後分享文章時即不用再次做登入的動作。

)LINE分享按鈕樣式(*可以點擊以下LINE分享按鈕，直接觀察訪客的使用情境。

)「用LINE傳送」使用「圖片JavaScript連結」按鈕「用LINE傳送」使用「官方LINE函式庫」按鈕相關連結設置方法｜用LINE傳送：「https://media.line.me/howto/zh-hant/」LINE按鈕圖片檔下載：「https://media.line.me/img/linebutton_zh-hant.zip」設置流程LINE按鈕使用圖片JavaScript連結官方LINE函式庫分享按鈕WordPress安裝LINE分享按鈕Blogger安裝LINE分享按鈕開始設定Step1LINE按鈕使用圖片JavaScript連結 閱讀完整內容 [教學]GoogleComputeEngine(GCE)使用PuTTYSSH登入實例 GoogleComputeEngine(GCE)連接VM執行個體(實例)，可以使用官方提供的GoogleCloudShell和gcloudcompute。

除了gcloudcompute，在Windows上也可以使用PuTTYSSH的方式登入GCE實例，如果你找不到方法登入，不妨參考本文的連線教學方法。

學習在OpenShift、GCE、EC2上架設WordPress，PuTTYgen和PuTTY這兩個工具會很常運用到。

由於服務端架設好之後PuTTYgen就很少拿出來使用，趁著現在快忘記的同時，也順道從記憶裡撈資料，邊留下注記，以便往後翻閱。

在內文中，我們會先操作PuTTYgen建立公鑰與私鑰，將公鑰放到GCE後，接著再運用PuTTY設置SSH連線，然後銜接連入到GCE實例。

以下是使用Windows7操作 PuTTY連線登入的設置流程。

設置流程使用PuTTYgen建立公鑰與私鑰登入GCE建立SSH金鑰PuTTY設置SSH連線到GCE實例連線教學Step1使用PuTTYgen建立公鑰與私鑰先前往「使用PuTTYgen產生SSH連線RSA、DSA公鑰與私鑰」，執行到「STEP2」完成後，接著回到這裡變更金鑰註解(Keycomment)的內容。

首先，變更Keycomment。

在Keycomment日期的後面，輸入你申請GoogleCloudPlatform時「@gmail.com」前的名稱。

如果申請的gmail為[email protected]就在日期後面輸入「ilovetechcoke」。

下圖的例子為「techcoke」，完整輸入就是「rsa-key-20170120techcoke」。

(*這裡的日期，會和你操作時的日期不相同，以你當前建立密鑰對的時間為準。

)變更完Keycomment之後，將PuTTYgen上方OpenSSHauthorized_keys裡面的公鑰資料先做複製，最後再按下「Saveprivatekey」，將私鑰儲存到電腦中。

閱讀完整內容 [教學]使用PuTTYgen產生SSH連線RSA、DSA公鑰與私鑰 PuTTYgen是生成和處理SSH公共(publickey)和私有(privatekey)密鑰對的工具，是一款基於PuTTY衍生出的工具套件。

運行PuTTYgen可以產生RSA與DSA格式的金鑰，也可以與一些其他SSH客戶端的私鑰格式做交互操作(WinSCP、FileZilla)。

PuTTYgen可以使用「SSH-1(RSA)、SSH-2(RSA)、SSH-2DSA」這三種格式做輸出，預設使用2048bits建立金鑰。

操作PuTTYgen這個工具時，除了可以產生SSH連線RSA、DSA公鑰和私鑰 (密鑰對)外，還能加載現有金鑰進行簡易修編。

例如幫私鑰加入密碼，變更私鑰密碼，或是變更金鑰註解(Keycomment)。

Windows上如果要連線到RedHatOpenShift、GoogleCloudPlatformGCE、AmazonEC2等雲端平台，使用PuTTYgen和PuTTY這兩個工具搭配，能方便的建立起SSH的連線。

文章中使用的系統為Windows7，教學以此做示例操作說明。

操作流程下載PuTTYgen建立SSH「公鑰與私鑰」密鑰對更改金鑰註解(Keycomment)私鑰加上密碼，匯入現有私鑰軟體檔案軟體名稱：PuTTYgen檔案連結：PuTTYDownloadPage軟體許可：PuTTYLicence功能特性：產生SSH連線RSA、DSA公鑰和私鑰密鑰對，加載現有私鑰進行簡易修編。

例如：幫私鑰加入密碼，變更私鑰密碼，或是變更金鑰註解(Keycomment)。

使用方式下載PuTTYgen前往 PuTTYDownloadPage 頁面，點擊下載最新版本綠色區塊中的「puttygen.exe」。

Step2建立SSH「公鑰與私鑰」密鑰對點擊運行並打開「puttygen.exe」之後，選擇SSH-2(RSA)2048bits，按下畫面中的「Generate」就能開始建立SSH「公鑰與私鑰」密鑰對。

當 閱讀完整內容 [密技]WindowsOneDriveDropbox移至SD卡，讓SSD使用壽命更長久 現在筆電及平板內建的讀卡機普遍支援「SDHCClass10」及「UHS-1FAT32」格式，且市面上的記憶卡大都為終身保固。

若將Windows內建的資料夾及較常讀寫的OneDrive、Dropbox雲端硬碟資料放置在SDCard上，除了可以減少SSD硬碟(保固普遍為3~5年)的頻繁寫入，也可增加裝置在移動上的便利性。

若你的SD卡槽在筆電或平板上完全沒有使用，不妨參考本篇方法，將較為頻繁寫入的任務交給SD卡，把它當作第二顆硬碟來使用，增加SSD硬碟的使用壽命。

若裝置的記憶體夠大，也可將系統Temp及瀏覽器快取放置在RamDisk相互搭配來使用。

這次實作，使用的MicroSD卡(讀/寫 45/15MB/s)32G價格約500元左右(約128GSSD的1/4價格)附SD轉卡，主要看重它的終身保固及 FAT32格式的通用性，支援大部份電腦系統、手機、相機使用，雖然在寫入的部份沒有很快，但在平常使用時還不至讓自己覺得困擾。

(實際讀寫速度)(*目前MicroSD16G級距的最高順序讀寫速度已達95/90MB/s，約莫近SATA27200轉HDD實際物理傳輸速限的平均讀寫水準。

)在實作平台的部份使用Win7，系統為Win8或Win8.1用戶也可如法泡製。

因為手頭上沒有SDXC的卡可以測試，若你的SD卡容量超過32G為SDXC的exFAT格式，也歡迎回報在設置上是否作用成功！一般在筆電及平板上通常搭載一顆「SSD」硬碟，為了確保資料安全，平日裝置在使用時建議搭配外接「HDD」硬碟，做完整的資料存儲及備份。

在移動狀態時，為免裝置因拿在手上長時間晃動，而造成系統當機或資料移失，這時就可以搭配SD卡來使用。

設置流程修改SD卡名稱，在C槽建立預備資料夾變更SD卡的磁碟機代號新增一個SD卡磁碟機路徑在SD卡安裝OneDrive在SD卡安裝Dropbox設置前準備請先將原SD卡、OneDrive、Dropbox中的資料做完整的備份，並搬空SDCard再做以下設置 閱讀完整內容 [教學]Twitter手機簡訊、APP兩步驟驗證設定 Twitter(推特)使用雙重認證登入時，支援「應用程式(移動設備APP)」及「手機簡訊」兩種二次登入階段認證模式，使用「應用程式」的方式登入電腦版網站時，手機端若有安裝Twitterapp並設置登入憑證，那手機app中會自動跳出登入的批准訊息，點擊批准後電腦端即可直接登入。

使用「簡訊」的方式登入電腦版網站時，Twitter會傳送登入的憑證代碼至我們的手機，將簡訊中的代碼填入電腦端的驗證框並按下確定，即可完成登入的動作。

Twitter的手機簡訊兩步驟認證登入，在設置時較為繁複，若你一直設定不成功，不妨參考本文的設置方法，相信可以很快的完成簡訊登入請求！相關連結Twitter官方網站「https://twitter.com/」Twitter官方網站移動版「https://mobile.twitter.com/」設置流程手機簡訊兩步驗證登入設定測試登入時是否有收到簡訊移動設備app雙重認證設定測試app中是否出現登入的批准訊息設定教學Step1手機簡訊兩步驗證登入設定首先，使用行動智慧型裝置或在家用電腦的瀏覽器中前往Twitter移動版網站「https://mobile.twitter.com/」並直接輸入帳號密碼進行登入動作在登入twitter後，點擊【使用者】頭像並將網頁往下拉，點選【設定】若你是使用行動智慧型裝置，可以點取【齒輪】；接著再點選【設定】在這邊我們點擊Phone下方的【Add】系統跳出的輸入框中，輸入自己的電話號碼，例:【0912XXXXXX】不需加上「+886」上一步按下【儲存】後，系統會傳送一封六個數字的驗證碼至手機中，我們將那六個數字填入目前的輸入框中，並按下【認證】接著，系統會提示「twitter帳戶已確認」，表示手機已在twitter上激活了手機上也能看到一封系統傳來的激活簡訊註冊時的Email裡也傳來了一封手機已經加入twitter帳戶的郵件接著我們登入twitter的電腦版網站「https 閱讀完整內容 [教學]Blogger自訂網址綁定自有域名 Blogger可以免費自訂網址，將原本的「blogspot.com」指向自有的網域，創作自己的品牌。

這邊依據經驗，分別以「頂層網域」、「子網域」及「裸域名的網址轉向」做說明；而在「DNS平台」的設置部份，則以「Namecheap」做完整的步驟說明。

在Blogger綁網址前，必需要有自己的網址才能做網址綁定的動作，也就是說必需先購買網址。

在購買網址時，除了需觀察域名供應商是否為「ICANN」授權認證之外，建議也可挑選俱備「兩步驟驗證」登入的網域供應商做為選擇，例如：「Namecheap」、「Name.com」設置流程主網域www設定(www.example.com頂層網域)子網域blog設定(blog.example.com子域名)讓「裸域名」網址轉向非www的方法設置教學Step1主網域www設定(頂層網域)首先，登入Blogger後台，找到左頁框中的「設定 \基本」，再到右頁框中點選畫面中的【＋新增自訂網域】在「進階設定」下方的輸入框中，「輸入自己的網址」並按下【儲存】出現提示：「無法使用裸域名」綁定Blogger的訊息，並要求我們新增一個頂層網域「www」，或是子網域「blog」。

這邊可以右鍵點選【設定說明】在「瀏覽器」開一新分頁，觀察一下該如何設置。

以「頂層網域」來觀察，頁面中提示需在自己的DNS平台中設定一個「CNAME記錄www指向ghs.google.com」，且若需將裸域名「techcoke.com也對應到www.techcoke.com」的話(*網址列輸入techcoke.com會直接跳轉到www.techcoke.com)，還需設置四筆「A記錄」並指向Blogger給的IP位址。

「瀏覽器」回到原分頁，試著在框格中輸入「www.techcoke.com」並按下【儲存】此時畫面中提示：在CNAME記錄中，除了需要一筆將「www指向ghs.google.com」的記錄，還需再增加一筆「2g7xauszfddo指向gv-n26b3fpfhapdu5.d 閱讀完整內容 [外掛]Chrome擴充：WindowResizer瀏覽器視窗大小調整比例 WindowResizer為Chrome瀏覽器的擴充外掛工具套件，它能幫助使用者調整瀏覽器視窗，來模擬各種屏幕分辨率的寬度及高度比例大小，方便網站設計開發人員調整瀏覽器及網頁大小，使網站適合在各種行動裝置上呈現，讓訪客有個良好的互動體驗。

現今的智慧型移動設備長寬比例百百款，若要特別為某種機型做特定的寬度調適，想必會很頭疼。

有了 WindowResizer 也不用擔心，因為WindowResizer除了預建了幾組常用的屏幕響應值外，也支援「自訂義大小」供設計人員方便的幫網站佈局。

另外，WindowResizer也貼心的內建了「快速鍵」選項供用家使用，好讓使用者能便利的快速切換定義過的長寬比例。

此外，設置過的「快速鍵」和「裝置比例」也備有匯入及導出的功能，若重灌電腦或更換裝置時，也能方便的回到熟悉的配置手感。

擴充資訊擴充名稱：WindowResizer擴充性質：Chrome免費功能特性：調整瀏覽器窗口模擬各種屏幕分辨率的寬度/高度附註特點：定義窗口的位置，預設圖標（手機，平板電腦，筆記本電腦，桌上型電腦），支援自訂義尺寸、快捷鍵，備有匯入及導出功能。

需要權限：讀取及變更您造訪過的網站上的所有資料功能設置Presets預設Settings設置Hotkeys快速鍵Sync同步備份及還原History歷史操作介紹Step1Presets預設安裝「WindowResizer」擴充後，點取Chrome工具列的【WindowResizer圖示】，在跳出的選單中，點擊【Editpresets】或按下鍵盤的快速鍵【E】，開啟「Presets」頁籤這裡可以看到左側有預設大小共10款的裝置可使用，第一個 (320/480) 則對應鍵盤快速鍵【1】，另外我們也可以拖拉其他比例的裝置至目前位置，以改變順位。

(*預設裝置快速鍵為0~9十組供用家使用)右側的"Addnewresolution添加新的屏幕分辨率"中，可以添加需要的裝置比例至左側的「快速鍵」選單中。

「WidthxHeight」選項 閱讀完整內容 [教學]FacebookAPPID申請，建立應用程式取得APP密鑰 一般推廣網站裡的文章，我們都會在站內加入常用的社群分享按鈕，以供往來自己部落格的訪客方便存儲文章或進一步做文章分享的動作，而目前在社群分享的活動力上還是以Facebook最為頻繁！除了「Like」和「Share」按鈕，若要在網站中加入Facebook裡的特定社群插件，那就必須申請「FacebookAPPID」獲得開發者權限才能使用。

例如：留言板、粉絲專頁插件、追蹤...等等。

「FacebookAPPID」在社群應用上，除了上段敘述的特定插件安裝外，我們在「APPID」申請完成後，若有幫網站及Facebook做關係上的互聯，那在Facebook應用程式介面也可以獲得一份統計資料。

也就是說，我們不一定要建立「粉絲專頁」，但一樣能夠有往來訪客的洞察報告！趁著最近Facebook應用程式APPID申請介面改款，順道將註冊流程做個教學記錄，這裡就以建立一個FB留言板的「APPID」為例，過程中也會取得APP密鑰。

相關連結「FacebookDevelopers」設定流程申請註冊一個FacebookAPP開發者帳戶建立新的應用程式APPID、取得APP密鑰網站與Facebook應用程式建立連結設置前準備準備一個Facebook帳號操作教學Step1申請註冊一個FacebookAPP開發者帳戶登入Facebook帳號，前往開發人員頁面「FacebookDevelopers」；在網頁上方的【MyApps】下拉選單，選擇【RegisterasDevelopr】這裡選擇【是】，並按下【登記】到這裡就完成FB的開發者帳戶的申請了；系統提示可以將「Facebook」應用關聯至網站或應用程式，這邊點擊【完成】應用程式介面導航，若最近有新推出的功能介紹，可以在看完介紹後可以按下【關閉】Step2建立新的應用程式APPID、取得APP密鑰申請過開發者帳戶後可以接著建立APPID，我們在【MyApps】下拉選單點選【AddaNewApp】在跳出 閱讀完整內容 網誌存檔 四月20171 二月20172 一月201725 十一月20156 十月201514 九月201515 八月20151 四月20151 三月20159 二月201515 十一月20141 五月20144 一月20141 十二月20134 十一月20132 十月201318 顯示更多 顯示較少 標籤 二次登入認證 分享按鈕 作業系統 技巧應用 兩步驟驗證 修圖技巧 時勢新聞 帳號安全 教學 軟體應用 硬體評測 結構化資料標記 圖片壓縮 實用教學 網域相關 網路工具 網路社群 網路應用 網路賺錢 廣告教學 線上修圖 輸入法 雙重驗證 AdSense ALPN Blogger BloggerMobile BloggerWidget CDN CentOS Chrome CloudFlare ContactForm CSS CustomSearch Disqus DNS Domain Dropbox DSA Email Facebook FacebookAPP featured FeedBurner Feedsky FileZilla Flash fotojet FTP GCE Gmail Godaddy Google Guitar hotcomments HTML HTML5 HTTP2 HTTPS instagram iTunes JavaScript jQuery Kingston likemost LINE linkmost Meta MobileFriendly Name.com Namecheap OneDrive Open-Graph OpenShift Outlook.com PageSpeedInsights Picasa Pixlr PuTTY PuTTYgen QUIC RSA RSS RWD Scrollbar SDCard SEO SFTP ShareButtons Sitemap SmartCast SnapWidget SPDY SSD SSH SSL StructuredData TinyPNG TLS Top-Post Transcend Tumblr Twitter TwitterCard Two-FactorAuthentication Two-StepVerification unboxing W3C Webmasters Windows XHTML Yandex 顯示更多 顯示較少 可樂與『我』 版權聲明 隱私政策