{"id":752,"date":"2020-05-26T13:27:20","date_gmt":"2020-05-26T17:27:20","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/bu-prepress\/?page_id=752"},"modified":"2020-06-01T16:34:22","modified_gmt":"2020-06-01T20:34:22","slug":"editorial-titles","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/bu-prepress\/articles\/editorial-titles\/","title":{"rendered":"Editorial Titles Meta Box"},"content":{"rendered":"\n<p>The Editorial Title meta box allows you to manage multiple titles on one Article when used in conjunction with the <a href=\"http:\/\/wpdocs.bu.edu\/bu-blocks\/blocks\/leadin-block\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Leadin block (opens in a new tab)\">Leadin block<\/a>. This allows you to have a longer title with keywords for SEO purposes, and a shorter title that is design-friendly when viewing the article.<\/p>\n\n\n\n<p>Let&#8217;s take the following article as an example:<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/www.bu.edu\/articles\/2019\/merrimack-valley-gas-explosions-joe-albanese\/\">https:\/\/www.bu.edu\/articles\/2019\/merrimack-valley-gas-explosions-joe-albanese\/<\/a><\/li><li>In the back end of WordPress, the title of the article is: &#8220;The Merrimack Valley Gas Explosions Were a Suburban Disaster.&#8221; This is also know as the Hed.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"248\" src=\"\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.53-PM-1024x248.png\" alt=\"\" class=\"wp-image-764\" srcset=\"https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.53-PM-1024x248.png 1024w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.53-PM-636x154.png 636w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.53-PM-768x186.png 768w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.53-PM-1628x395.png 1628w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.53-PM.png 1774w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li>A <a href=\"http:\/\/wpdocs.bu.edu\/bu-blocks\/blocks\/leadin-block\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Leadin block (opens in a new tab)\">Leadin block<\/a> has been added to the article that includes a shorter title that is more visually pleasing.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"518\" src=\"\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.16-PM-1024x518.png\" alt=\"\" class=\"wp-image-766\" srcset=\"https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.16-PM-1024x518.png 1024w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.16-PM-636x322.png 636w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.16-PM-768x389.png 768w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.16-PM-1628x824.png 1628w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.17.16-PM.png 1775w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li>In the back end, under the Editorial Titles meta box, the checkbox &#8220;<em>Visually hide title?<\/em>&#8221; is checked so the title is visually hidden on the article, however it is still outputted in the code as an H1 tag, which means search engines will find this title.<\/li><li>If the article had a sub headline (also know as a Dek), it could also be added here and be outputted in the code without visually being displayed.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"769\" height=\"519\" src=\"\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.18.43-PM.png\" alt=\"\" class=\"wp-image-765\" srcset=\"https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.18.43-PM.png 769w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.18.43-PM-636x429.png 636w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-2.18.43-PM-768x518.png 768w\" sizes=\"(max-width: 769px) 100vw, 769px\" \/><\/figure>\n\n\n\n<ul><li>Also, a <em>One-Line Headline<\/em> has been added. This headline will be displayed in other places throughout the Bostonia website where the article will be featured and space maybe limited, like the Related Stories block for example.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"378\" height=\"528\" src=\"\/bu-prepress\/files\/2020\/06\/Screen-Shot-2020-06-01-at-3.00.37-PM.png\" alt=\"\" class=\"wp-image-773\"\/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3>Using the Editorial Titles meta box<\/h3>\n\n\n\n<h4>Watch this quick video tutorial:<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"\/bu-prepress\/files\/2020\/06\/editorial-titles.mov\"><\/video><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>Or follow these instructions:<\/h4>\n\n\n\n<p>Create a new article<\/p>\n\n\n\n<p>Add your SEO-friendly title as the Title of the article<\/p>\n\n\n\n<p>Add a Lead In block with a shorter more design-friendly Hed (title) and if applicable Dek (sub heading)<\/p>\n\n\n\n<p>Scroll down to the Editorial Titles meta box<\/p>\n\n\n\n<p>Check the <em>Visually hide titles?<\/em> check box<\/p>\n\n\n\n<p>You should see your SEO-friendly title already populated in the <em>Current Post Title<\/em> field<\/p>\n\n\n\n<p>If you have a Dek (sub heading) add it to the field<\/p>\n\n\n\n<p>If you have a One-Line Headline that you would like to display in areas where space is limited, add it to the field<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Editorial Title meta box allows you to manage multiple titles on one Article when used in conjunction with the Leadin block. This allows you to have a longer title with keywords for SEO purposes, and a shorter title that is design-friendly when viewing the article. Let&#8217;s take the following article as an example: https:\/\/www.bu.edu\/articles\/2019\/merrimack-valley-gas-explosions-joe-albanese\/In [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":674,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bu_prepress_primary_term":"","_bu_prepress_primary_term_manual":""},"bu-publication":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/752"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/users\/13922"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":17,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/752\/revisions"}],"predecessor-version":[{"id":782,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/752\/revisions\/782"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/674"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/media?parent=752"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/bu-publication?post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}