{"componentChunkName":"component---src-templates-blog-post-tsx","path":"/alt-text-best-practices/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way"}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth"}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG"}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design"}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights"}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source"}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE"}}]},"contentfulBlogPost":{"title":"Image alt text best practices for content creators","lastUpdated":"April 20th, 2023","publishDate":"2023-04-20T00:00+10:00","category":{"slug":"design-and-ux","title":"Content Marketing & Design","blog_post":[{"title":"Image alt text best practices for content creators","slug":"alt-text-best-practices","featured":false,"lastUpdated":"Apr 20th, 2023","description":{"description":"<p>Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"multiple pictures together, with a text box showing alt text for them","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA81BMVEUs2Zcr2Zcq2Zck2pYZ2pQR2pIi2pMp2pYo2pYo2pck2ZYd2pU/2JxZ06hr0LyDz8hB15s415lE1Zsj2ZY92psz2ppg0qvKx7rR3eez1O1LzaQy1ZZA05oT2ZQh2ZYp2ZcN2pat2LjQzrxn2K2u0Nbu7ezm6fJ4zLco2ZRS1pxS1p1R15kw2JQp2pcj2Zed27a62b5S2KKlxMzTxuTS0PSLx8CX3Lfc4N3j5uS428cY15Mm2ZYk2pc12pog2ZVw0LJoyLFAzZ4o1ZVP15xz0qR61alh0p4f15Qo2Zcm2pYb2pQS2pMd2pQd2pYL2pUE2pQZ2pX/UxQAAAAAXElEQVQI12NgwAIYYRQjw38gRBJkhIEfEGEWkBAHTJDhB1g1UCWTICMSePQfLCjPiAIug7Uz8CGLfYZoZ7RCFtz9D2ggA8P/Yzz/uIHgIBcQ3PgPdxLcfQi3YgAA5ywT4pqNpbMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Image alt text best practices for accessibility & more"},"metaDescription":{"metaDescription":"Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience."}},{"title":"3 Content design mistakes hurting your branding ","slug":"3-content-design-mistakes-hurting-your-branding","featured":false,"lastUpdated":"Jan 18th, 2022","description":{"description":"<p>Here are the most common places we see content makers missing the mark &ndash; and how you can fix them, and make sure your brand shines through every time.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Here are the most common places we see content makers missing the mark – and how you can fix them, and make sure your brand shines through every time."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Every single touchpoint you have with a customer is an opportunity to grow brand loyalty, so make sure the design is right.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACVVBMVEXNt/e9suivr9uwuuCrwN6pwd2qwt6huNOyzOe2yfSqnfmum+6yo9etqtapsdakt9WiutSjudSjutXMt/a7sOWyst6xvOKswd+txuKrw9+jutSyzOe2yfSqnvmvm+6zo9eqp9OmrtKitdKgt9Kgt9Gku9bMtva+tOm6uui3wemuw+Oxyue20e2zpNasqdOnsdKjt9KhutKjvdXNt/fFuvHExPW/y/S70fK61fO51PK50/G51fGtmvCvnt2rotynp9ukq9qirNqjq9qjqtvMtfWxpdiiosqvud+brcmiutS0zeqkvNa30u22yvSqnvirmPitlfaskPari/arhvWrgfWrfPWrd/WrcvTJvfeoptOUmr6pttuSpMKZr8yyy+unvd22z/C1xvWynvS9rOm+uPC5v+6xwOiout+bqc2Ciq52e6Cy4v+w2/6v1f2v0Pyuyvytw/uuvfutt/qssPirqfiqnvqxnfG1ptm0st+vuN2vxeKvyuSSqb47SkxJWV+Eka6CkK6Aj65/j619j619ja17iqt7h6p4g6WKjcO2ovbBsOi0sd+vuN+wxeW20O6bscpkc4R1hpp0YohxZodvbIhscIdZYnBea3hod4VmdoNidHt9ha23o/fHtvDBve+8xe64zu+1z+yyzOmzzep2aY50bY5yco5vdY1KU2FZZnRreotpeYlkdYF/hrCqn/q2ovfFte7Dv/G5wuu0yemrxOCetc+nv9qnv9t2ao90bo5vdo5fantldIRreoxqeYpldoK0oPS3qN29uuunr9ScsMywyea0zuzCFd/+AAAAE3RSTlP9/f39/f39/f39/f39/f39/f39nWQPtQAAAFZJREFUCNdjZGBEB0ARYSxiLBBBBgbGDwwMfFAmCy9MxQcGOZhSFkGYoBDCBBYROHOPK1wQYVEENpVTc7CoZIAy/zMxLmHEBEDtbyEq3jGAHRLCsJYRAFdHCqsU+xYaAAAAAElFTkSuQmCC","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to fix content design mistakes that hurt your branding | Setka"},"metaDescription":{"metaDescription":"Fixing design mistakes involves following a set of defined style rules, and microbranding. Find out how to fix common design mistakes and manage your brand."}},{"title":"7 Design mistakes making your content hard to understand","slug":"content-design-fixes-for-better-ux","featured":false,"lastUpdated":"Jan 20th, 2022","description":{"description":"<p>Some of the most common mistakes we see brands and publishers make can be fixed quickly. Here's what to do &ndash; making these repairs can help the reader understand the amazing info you&rsquo;re providing.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Some of the most common mistakes we see brands and publishers make can be fixed quickly. Here's what to do – making these repairs can help the reader understand the amazing info you’re providing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":" Avoid these 7 common content design mistakes, and enhance your content and brand.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACcFBMVEXNt/fIvfW7u+m2wei0yemyy+izzOm1z+261fG1yPOpnfm1oPW2p9ytqta0veW2zOysxuOow+Cnwd+zzevNt/fHvPTBwfG8x++3ze61z+230fC40vC51PC2yPOpnfm3ovfBsem7t+e0veWxxuWtx+OduNWgu9e30e7EufC6u+m6xu60yuqxy+ixyuezzum0x/K2ovaun8+tq9WfqMiyyue00eyvy+auyuW10u3Gu/O4uOa7xu63zO2zzOmwyea0zum0x/Gqnvm0oPevndyvpuGjodaxvOu3xvS3xfS3xPTNtvbHu/PExPS6xOy3ze2zzem61PK0z+qrn/mql/anj/GpjPOrifWqhfSnevGmce+kaO2jYOvLvvnCvvO7wO62w+uyyOqxyuqwyOmyyuyyyuq0xfStofybit1vZI19dqKancigrdOOmr1sb5NnZ4xKPGmw4f6w2/2u1fyuz/uuyfutw/qsvPmstvmssPirqfiuof2Sg9JWUGJvbYd9hZ6dssySqb5ZaXNba3YwPj1ZdoRddYhmeZFVZ39YZ4NgbYxUXH5TVnxYW4B0cKuuov2Nfs5MR1loZYBpb4aesc2Gma9peIlYZXM0PEQ5IT4AAAAnHCkuLDYRDwMuNzkRGwRdXIivov6RgtJIQ1Nua4iWqMN4iZ1sfI5QXGpGUFxCOlA4M0YVExsaHSM/SFQjKS8UGBsuNj4gLiNiYY6vo/6Sg9NHQlJTUGZFSll/j6Zgbn5canlZZnU+R1IqJTVNSWFDQlUEBAUZHiM6Q04xOEIpMDcIGwBmZpOvo/+PgNAdGxFDQVI+QU9lcYNaaHc9RlBLVmNr7lFIAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAABFSURBVAjXY2RgxAJEsIixMAiDqLdA8r0gQhDM/A0khWBiDCxmIOqmBrJCRsYYbGaKkCb4l4XxNxuIATGYRRCLq7Fp/woAxLELNMMavzAAAAAASUVORK5CYII=","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"7 Content Design Fixes for Better UX | TinyMCE"},"metaDescription":{"metaDescription":"Optimize your content marketing with great content UX, and avoid these 7 common content design mistakes that can damage your blog and brand."}},{"title":"Content marketing and content design: do they compete or complement?","slug":"content-marketing-definition-and-evolution","featured":false,"lastUpdated":"Nov 18th, 2021","description":{"description":"<p>Content is anything that tells a story. It doesn&rsquo;t have to be produced by a brand or media company to be considered content. People make content all the time.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Content is anything that tells a story. It doesn’t have to be produced by a brand or media company to be considered content. People make content all the time."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Representing Content Marketing and Design with a screen showing content surrounded by the markers of Content - heading, main body, text information, visual information.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"What is content marketing and how it’s evolved | TinyMCE"},"metaDescription":{"metaDescription":"We took a step back to define a content marketing on how it has started, what it is now, and the evolution of content creation into content design."}},{"title":"Integrating animation for the ultimate level of content engagement","slug":"content-animation-guide","featured":false,"lastUpdated":"Feb 3rd, 2022","description":{"description":"<p>Animation captures and sustains a reader&rsquo;s attention, and even help uncover and complement a topic. Here's how to set up and design with animation using Setka.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Animation captures and sustains a reader’s attention, and even help uncover and complement a topic. Here's how to set up and design with animation using Setka."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Animation captures and sustains a reader’s attention, and even help uncover and complement a topic.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2800&h=1575&q=50&fit=scale 2800w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2800&h=1575&q=50&fm=webp&fit=scale 2800w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide on using animation for the ultimate content engagement | TinyMCE"},"metaDescription":{"metaDescription":"Integrate animations in your content design to improve engagement and create the ultimate content experience. Check out our 7-step guide and learn how"}},{"title":"6 Typesetting mistakes that ruin legibility","slug":"typesetting-mistakes","featured":false,"lastUpdated":"Jan 13th, 2022","description":{"description":"<p>We&rsquo;ve collected six common typesetting mistakes that publishers can make and given some advice on how to fix them for a more engaged audience.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We’ve collected six common typesetting mistakes that publishers can make and given some advice on how to fix them for a more engaged audience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Six common typesetting mistakes  and how to fix them for a more engaged audience.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACRlBMVEWjksWhmMWdnsWao8SXqcSWq8SUq8GbqNKpnfm4o/jJuPPBve+8xe62y+ynwd+rxeOqxOG61fOmlMijmsifoMecpceZrMeasMmasMqZsMeerdapnvm4pPjDs+y1suGxuuGtweCkvtqatdKrxOG71fOhkMOensWZo8OSo75+kKV9j6R+kKR+kqOMl8Cqnvm5pPnEtOu2tOCxu+Cswt6jv9ilwNmpxd+71/OTg7Kfl8SXl72RmrmCkagkKzAKCgcTFhUfKxxkY5C1ovm+rO6zq+awsOastOWqtuSrteSuuOi2wfKTgLCelMKWlbqQmLaBj6YlLCwNEQAVHA8hMBlkZI+rn/msmfiulfeskPasi/arh/argvWrfPSqdvSqcfOYk76hocuaoMaVocKImbVMV21FTGRGTGVKUWdxcKO3o/jIt/bCvPS8wfG1xO2yxuuyxeuyxOus3vms2fqr0viqy/epxPaluvKls/GlrfGlp/CmofKqn/rLuvWrqNOlsNKlutaet86dtc2bs8qowdpScX1SbX1fc4pneJJjc49mdZNoc5RcY4dNTnRybqjKufSjn8mosdWnu9mhudOfttCnv9q20O4AAAA4MkNJSlpAR1JFUFlET1ckLytVUH/Mu/bCvvC/yPK5z/C1z+250/K61PMmIS8oJDISDhZLVmQyOkMEBwFdWonIt/G5tuW0veWvxOOux+StxeKwyeYtKjkZGCEIBQhRXWw6Q04MEBAABAC5pfnCseqsqdawueCtweGrxOCqwt6rw+DQaKvPAAAAaElEQVQIHQXBwQkCMRAAwB1Y8HU5yaYba7ge7EewB3uwBqsxJ4ovX84IEAEAOhAAkLV3AABZA2AWQBaAASAHgMcJENkBbLczIAvAVQdkD+B3qP2I70KuvLo5nm27N6xBWjRmWz9xAbz/hCERSEKDF1wAAAAASUVORK5CYII=","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"6 Typesetting mistakes that ruin legibility | TinyMCE"},"metaDescription":{"metaDescription":"These 6 common typesetting mistakes can ruin legibility and overall content experience on your site. Learn how to avoid them and improve your content branding."}},{"title":"How to write prompts for ChatGPT that kickstart  content creation","slug":"how-to-write-chatgpt-prompts","featured":false,"lastUpdated":"Aug 2nd, 2023","description":{"description":"<p>Learning how to write effective prompts is important, and our latest guide explains all you need to know to write useful ChatGPT prompts for content creation.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learning how to write effective prompts is important, and our latest guide explains all you need to know to write useful ChatGPT prompts for content creation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An AI represented as a robot helping by gathering up speech bubbles","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAMAAAAFH/x6AAAA21BMVEXovvbovvfpvvfovPfovPbpv/fqv/fovfbpvvbpx/Ts1/Lt2PTs2fLoxvLWu/Pbsu/lt/PlyPTjv/Hpvffp0PHk7Ojw8vH4+Pfs0PDpuvXqvvbLwO3axu7s1fTU8O7e2PHqwffPy+TEzd3fyu3Kzuq62OTPw93q5evv8O7z+PXk7e/mx/Tpv/jludbcvuTQu+PE5+Hj+fCs2dbfzuvZ2OnD1dzXyezqvvfiuvHnu+PsvOPVvOu02d3F3OjRye3pvPjlvOXevtfov/jpvvLqvvjmvvXrvfjpvvjqvvO/KPRsAAAAZklEQVQIHUXBMQrCQBBA0f9nJ2iRxtqD2OutbSw8ijcQFCXEdSRg3pMipROU3kEgEOfEPjP4gqRsLI+2tTztJLDzZ3TxhgTue1e3DkkZXbUPJMjo35UiMEyc9HJUzm1iYZRDRFgoX4xHFHUpT0+WAAAAAElFTkSuQmCC","aspectRatio":2.243276283618582,"src":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=185&h=82&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=370&h=165&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&h=329&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1109&h=494&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1478&h=659&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1835&h=818&q=50&fit=scale 1835w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=185&h=82&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=370&h=165&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&h=329&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1109&h=494&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1478&h=659&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1835&h=818&q=50&fm=webp&fit=scale 1835w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to write prompts for ChatGPT that kickstart content creation | TinyMCE"},"metaDescription":{"metaDescription":"Unleash the full potential of AI with our in-depth guide on how to write effective ChatGPT prompts for content creation. Strategies and examples to improve your interactions with AI."}},{"title":"12 best landing page elements to lift conversions","slug":"landing-page-elements","featured":false,"lastUpdated":"Jul 5th, 2022","description":{"description":"<p>Are you struggling with setting up your landing page? Learn about the 12 landing page elements that you must have, and optimize, to convert as many prospects as possible</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Are you struggling with setting up your landing page? Learn about the 12 landing page elements that you must have, and optimize, to convert as many prospects as possible"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A blank landing page ready to have elements added in","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Paul Posea","slug":"paul-posea"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"The most important landing page elements to lift conversions | TinyMCE"},"metaDescription":{"metaDescription":"Landing page problems? Here you'll find 12 landing page elements you must include and optimize to convert as many prospects as possible into buying customers."}},{"title":"G2 lists Setka as top WYSIWYG editor tool for content experience","slug":"content-experience-and-content-creation","featured":false,"lastUpdated":"Mar 15th, 2022","description":{"description":"<p>Content experience and content creation are essential and require expertise to get right. Check out how Setka recieved recognition for content experience and content creation.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Content experience and content creation are essential and require expertise to get right. Check out how Setka recieved recognition for content experience and content creation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content creation and content design with Setka recognition by G2","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCP/EACMQAAICAQMDBQAAAAAAAAAAAAECAwQRAAUxBhIhExRBUYH/xAAZAQEAAgMAAAAAAAAAAAAAAAADAQQCBQb/xAAeEQACAgICAwAAAAAAAAAAAAABAgARAyEEMRJxgf/aAAwDAQACEQMRAD8A2hS5Gu0MhoF1fvl3ahtkFSb2otSOr2MLnKp3KilvALHxk/R1b4uFMgdm3Va9nv5M8SKwYndS16bsS2tpieaUTyAlTKvD4+da3IAG1KbijqS9Lkacyy0cxVYbsXo2IY54m5SRQyn8Oi8iptTUIkjYj2tEkMCJGioijAVRgAaEmzZgnuf/2Q==","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Content experience and content creation with Setka | TinyMCE"},"metaDescription":{"metaDescription":"Content experience and content creation are essential and require expertise to get right. Check out how Setka won the award for content experience and content creation"}},{"title":"Content experience disruptors: What they are + how you become one","slug":"branded-content-experience","featured":false,"lastUpdated":"Mar 10th, 2022","description":{"description":"<p>Find out what content experience disruptors are, how content experience disrupts branded content, and how to make better branded content with expertise from designers.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out what content experience disruptors are, how content experience disrupts branded content, and how to make better branded content with expertise from designers."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content disruptors are having an affect on branded content.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2800&h=1575&q=50&fit=scale 2800w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2800&h=1575&q=50&fm=webp&fit=scale 2800w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Kate Bazilevskaya","slug":"kate-bazilevskaya"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Branded content experience stories from Setka founders | TinyMCE"},"metaDescription":{"metaDescription":"Find out what content experience disruptors are, how content experience disruptors change branded content, and how to make better branded content"}},{"title":"9 Best HubSpot blog templates for extraordinary content","slug":"hubspot-blog-templates","featured":false,"lastUpdated":"Mar 3rd, 2022","description":{"description":"<p>Select the best hubspot blog template with our guide, featuring 9 examples of hubspot blog templates to help you select the right template.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Select the best hubspot blog template with our guide, featuring 9 examples of hubspot blog templates to help you select the right template."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Select the best hubspot blog template with our guide, featuring 9 examples of hubspot blog templates","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1120&h=630&q=50&fit=scale 1120w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1120&h=630&q=50&fm=webp&fit=scale 1120w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide on HubSpot blog templates with 9 examples | TinyMCE"},"metaDescription":{"metaDescription":"Select the best HubSpot blog template with our guide, featuring 9 examples of HubSpot blog templates to help you select the right template."}},{"title":"18 blog design ideas to improve your content (with examples) ","slug":"blog-design-ideas","featured":false,"lastUpdated":"Mar 1st, 2022","description":{"description":"<p>Looking for inspiration for your blog design and blog post layout? Discover our favorite 18 blog design ideas, with examples, to help you out.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Looking for inspiration for your blog design and blog post layout? Discover our favorite 18 blog design ideas, with examples, to help you out."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"18 ideas for using setka components for blog images","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACbVBMVEW+sei6tuawtt6tvN6qwd2pwt2qwt2pwd2rxN2uv+qqnvqsmfCwoNSmoc2hpsyfrs2cssybssufttDIuvTDvvGrsNils9SjuNOjutSmvdilvNenwNmyw++rn/qvn9OBe55UWGtcZnhcaXhda3ppeYqYrcaek8GZlr5bXXRcZndgbX5ETlo+SFM5QkxIVlyntuGsofyrme+tntB6dZM3P0FAS05FVVhHV1pabHSWrcKFfKOJhqpSU2c6QUxASlU3P0gsMzodIiRFU1eouOKtovyrmPGrmtmHerJjVo1oXZJqX5VtYph3cKSans+4qt+3seJpaYM8QUo3PkUrMjUcIyAAAAAsPDGmtd+tovurmfiul/etkfarjPariParg/WqfvSqePOrdfTAuu64uulrdY9OWm8/SV08Q1o8QFo1NlJGTGOmsuKrofuzoPjEsfG5sem3ueq0wOuvweevwuiwwui1x+6y3v+v2P2nzPSqyPenwPSou/WntPOmrfKkpe+rqPeqnvm0ofjFs+2yrduts9qvwOCowNujvNWlvtezzuqYoMaQnL+Nm7ycrtGku92judylut+UpMh+iq2XntOpnvm0oPjKt/TEvfG/xPC5yu61zuyzzOq0zuu50/GWiLWln8qgo8icqceXq8OGmq+Vq8KKn7OFm6ygr9nItvLGv/S9wu6ds82iutS61POilsahnciip82eq8qLnbWLn7aZr8iPpLuLoLSRncfMufbHwfa/xfGtvd6uxuO1z+240vC50/KtoNOppdGmq9Gls9OjudWhuNOlvNiInbCSnciqn/rHwPXAxvKzxOe0zeu0zuzA4+O6AAAAQ0lEQVQI12NkYEQHDIwswgjeOyEYS40RE7CI0F/wLQPQSalzGN8LsgjABW+KAtlrGBmFGFmgDo5fxOh5hkEQxPz/EQBv0AuHniG5FQAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1120&h=630&q=50&fit=scale 1120w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1120&h=630&q=50&fm=webp&fit=scale 1120w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"18 Blog design ideas to make your content shine (with examples!)"},"metaDescription":{"metaDescription":"Looking for inspiration for your blog design and blog post layout? Our favorite 18 blog design ideas with examples are here to help you out"}},{"title":"How to create great collaborative content with distributed teams","slug":"create-content-distributed-team","featured":false,"lastUpdated":"Feb 22nd, 2022","description":{"description":"<p>Remote work and distributed team management can make creating content difficult. Here's a new guide on how to create content, and overcome remote work challenges that get in the way of creating content.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Remote work and distributed team management can make creating content difficult. Here's a new guide on how to create content, and overcome remote work challenges that get in the way of creating content."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"It is possible to overcome remote work challenges, and create content when working distributed.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t////2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAQgEBgf/xAAmEAABBAEDAwQDAAAAAAAAAAABAgMEBREABhIHITEIEyKRFUGx/8QAGQEAAgMBAAAAAAAAAAAAAAAAAQIDBAUG/8QAJBEAAQMCBQUBAAAAAAAAAAAAAQACAxESBBMhMUEFIoGR0VH/2gAMAwEAAhEDEQA/AGO6Z+hzpTGiw7By0lXz8iG2txqZIjvIQpSUqJ4BHbByPH3rr5Ou4wuIDQPB+qq2BgWaXXQ3aLm9rasjbam1n42wWhmwaLDKXEADjhHFWQQrOcd+2thmPldG19e48KKQNjBdRUXdHpo23VWfxs7t4yEmQouPMniVLV8RxaAwMDHbU0eNmA1ofB+qjmA8JeNq7jn7GesHqJxuudltoS+tthtRWEKJTnkk+CT963ZRngCTWmydpsrajO3TcWk12W/ZSffdwVqacLYJwB4TgeAP1oCNg0tHpEuJ3UVy0nOnK58tZ8ZVIWT/AHTWN/B6Sr//2Q==","aspectRatio":1.777632439502943,"src":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2718&h=1529&q=50&fit=scale 2718w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2718&h=1529&q=50&fm=webp&fit=scale 2718w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to create content with a distributed team | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to create content when you have a distributed team, and need to be collaborative while managing remote work. "}},{"title":"8 useful blog illustration tips for beginners","slug":"blog-illustration-tips","featured":false,"lastUpdated":"Feb 17th, 2022","description":{"description":"<p>Developing a visual style and using visual illustrations for your blog does not have to be difficult. Here are 8 methods to make visual design for your company blog easier.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Developing a visual style and using visual illustrations for your blog does not have to be difficult. Here are 8 methods to make visual design for your company blog easier."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Here are 8 methods to make visual design for your company blog easier.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1120&h=630&q=50&fit=scale 1120w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1120&h=630&q=50&fm=webp&fit=scale 1120w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"8 Useful Illustration Tips for Beginners"},"metaDescription":{"metaDescription":"We collected the most useful blog illustration tips that enhance UX design and increase user engagement. Learn how you can start improving your blog content!"}},{"title":"5 ways to optimize page load time and UX in 2022","slug":"optimize-page-load-time-and-experience","featured":false,"lastUpdated":"Feb 10th, 2022","description":{"description":"<p>This year, it's important you take some time to check and improve your page load speed. Here's how to prevent viewers leaving your web page.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This year, it's important you take some time to check and improve your page load speed. Here's how to prevent viewers leaving your web page."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"This year, improve your page load speed to prevent viewers leaving your web page.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABC1BMVEX29/z2+Pz3+P34+f35+vz3+Pz4+fz5+vvz9Pvy8/v4+fvz8/vEv/yPgv58av6spP3r6/v3+Pu8tvxIAP8sAP8oAP8PAP+UiP3y8vr2+P3s7Pl4Yv5qUP+ckP+jmP+IeP8/AP/a2Pro6PlrTv5hQv+nnf+wp/+Uh/49AP3Qzff29/n09fr09Pr19vvy8/ibj/t7c+2nqt6nqd++wt3Fyt3EyN7Cx93s7vb19/z19vz3+Prg3/eNffxEAP6GguO6wdPBxtm+w9m8wdm9wtm7wNiyuNTl5vH29/329/rr6/bT0PXOzPDb3One3+vh4u3i4+7f4e3h4+7n6PLz9Pr19fn19fv29vz09fv09fw6plVQAAAAjUlEQVQIHQXBsSqFcQDA0d/x3VvkKllQZJYZeQIva/UMyGxiVSwGGYT7/Z2jiMZo+q2q1HK9gJ+5MapKy/ViCb7mxqiEaQX4+Kv9t0aLsgWYq/dRYXEEgKe5wnTqdbULjI3HC2E6BwCfd4lxDYDb766m8Ly1s/1y+LZ3e3aze3B8fK+oqpo3v68eujz5B9hmJ3eonM/wAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Kate Sutormina","slug":"kate-sutormina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to optimize page load time and experience in 2022 | TinyMCE"},"metaDescription":{"metaDescription":"Short and simple guide on what changes can improve page load time in the most efficient way: images, CSS and JS optimization tips and tricks."}},{"title":"Improving Content Comprehension With Layouts","slug":"effective-page-layout-design","featured":false,"lastUpdated":"Feb 1st, 2022","description":{"description":"<p>Designers have seconds to convince readers a page will be valuable to them. Setka helps you to do everything you can to quickly catch the reader's eye with interesting and relevant information, and show off exactly what they&rsquo;re going to get out of reading your page.</p>\n<p>&nbsp;</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Designers have seconds to convince readers a page will be valuable to them. Setka helps you to do everything you can to quickly catch the reader's eye with interesting and relevant information, and show off exactly what they’re going to get out of reading your page."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Designers have seconds to convince readers a page will be valuable to them. Setka makes sure your blogs, posts, and pages can communicate effectively and capture attention.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACZFBMVEUAAACVnLyzudVqbZYVAGZFPYleVp52brGCerZ+d7J9drRmX59rZaZ+e6fCwdDx8e+EhILl5OLMzdzGydysrb6Gg6Cysb/w8PL////d3d3////w7/Hj4+Tz8/PPzt/o5+7V1dScnZyjo6Lh4Or29fb49/j5+fr6+f+/vNg1AKz4+Pn4+Pj19fWCfqr////y8u4AAAAAAAAOCAAkBYdKPpg9MJBJPphGO5VDOJQwGpKlo8Dl5ez39/j29vj6+vr+/v/n5+VAN4I+OHOKh6+YlL+nos+WkMWon+OFfrx3cLOMhMx+dsJORor7+/319Pr9/f3////Av8q7t9nW1OzOzOXOy+TKyODNy+D19fbu7e/29vfo5/Lq6fb7+/7MytrGxNbv7fv39v/e3PDQzezn5PzQzufx8fPp6evz8/Xa2O6/vNrv7vPIx9awrcnGwujk4fuyrd+ckt2gmc4pAJa1s9Dy8vPw8PL09Pbz8/Ts7O7T09asq7Hn5+zV0/DAvOTRzuvo5vi2seCSh9iQir9WTJ66uM719Pby8vT+/v7w8PHo5+qtq8OLiK6Zlralo8CqqMOQjLt/erF1cKhxa6c+LptrYrSuq82hncLOzdv7+v78/P/+/v/v7/Hv7vGFga0AAIhXT5tYUJpVTJw6LY42J48aAIpaVJeBfqmvrcT8+/z29f/QzPG/uev7+/v///6Pi7IZAIo+MJQ0JI5DNpY7LZA8LpErD5C6uc77+v/r6frt7Pnp5/fo5vcsFY5FOZU8L49GO5c9MY8/M5MgAI2+vc/39f/j4Pjp5/ji4PXr6fk4KZHj4uvvUbD+AAAAQXRSTlMAPX938/7+/v7+/v7++Hk+DDdxsJ32/dy6IPLw7/T9tkAaFfvY0tL9o3XOzs/x/lMaGSG9/v7+/v7+/u7GxMTBQJ60Xs8AAACBSURBVAjXY2ZgZGJitn/KwsLKysbGbvOGg4PzB4sgIxAw2TNCAScQf2ABkQaMcMABxEqMARxgzmc+qOg+IGZh4EMVDAQLCjH+YWVkfCqIMOIDYwcjJmAROWOKzL9/PBpIrmX8zYaiLBuoshZIT0AWZGe8yAJSxpsF4U8sABKCjAwAyVgVjth/RPsAAAAASUVORK5CYII=","aspectRatio":1.777301927194861,"src":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2490&h=1401&q=50&fit=scale 2490w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2490&h=1401&q=50&fm=webp&fit=scale 2490w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide to effective page layout design | TinyMCE"},"metaDescription":{"metaDescription":"Comprehensive guide on how to create page layout that effectively uses visitors attention and conveys the message of the text and graphics.\n"}},{"title":"10 Content design mistakes that lower engagement — and how to fix them","slug":"how-to-increase-content-engagement","featured":false,"lastUpdated":"Jan 11th, 2022","description":{"description":"<p>Common design mistakes hurt engagement and conversions, but with some simple fixes, you can get them to stick around, scroll more, read deeper, and maybe even convert.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Common design mistakes hurt engagement and conversions, but with some simple fixes, you can get them to stick around, scroll more, read deeper, and maybe even convert."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"common design mistakes hurt engagement and conversions, but with some simple fixes, you can get them to stick around and maybe even convert.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACcFBMVEXNt/fBtu25uui2weiyx+ewyealv9yow+Cvyua3yfSsn/uXhtdkW3dfXnddYnddaXpbaXlUYW9ETlpFT1tnXHx4cpR8fJt5gJp4h5x3iJx9j6N8jaJ6jZ6Ikbuqnvm3o/jBsem2suGpsdeluNaju9aju9WjutWvyOVnW3x1b49+fp56gpx6iZ55ip5/kKWAkqd7jp+HkLm4pPjJufO7t+itttypvdunv9qmvtmxyudeU3J0bo6EhKVwfpJ1hZh9jqOAkqbHtu++u+q5w+q0y+iyzui41PC71/N7bpR8dpmAgKB4f5l2hJl8jqJ+kKWqn/m2ovnArvC4sO21teyxuuuvu+qvuuq1wfG3w/SFc5+FfKKCgKF9g557iZ55ipx6jJ98jqF3i5mFjrasoPqplvakjO6khu6kf+2kee2jceuia+ulae2kYeyPjbSOkLWGja57h6KElbCClK5/kKt/jqpwfZaBhbWtofyQgdJeVXppYoo9MVo1IFI5JVV6gaOQm7+Ciq2s3/qs2fqr0vmqy/erx/iqwPiqufapsvWnqvOppfSuof2Nfs0/O0JmZXxESlMxPDw8Sk2ets6owdufuNDIw/rDxfi+yPa6yvS2zfO1zvK1zfK1y/K3zfO1w/aOf84FAABgYXhwdY43PkcxOUCSp7+nv9uiudPOtfe/s+m0s+Cmr9KitdGguNGet9Gft9Grx+C3y/SsoPyaitt7cZObmcCKkK9YYnIuNj1wgJOetM6YrcbNt/fIvfW+vu2zveOvxOOux+Olv9ybttOyzei3yvWrn/usmeysns+pptGfp8qRobyBlKl9j6SMoLeJnLNCkE6bAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAABGSURBVAjXYxRhxAQsCMG3wmCKASgoxMh4Ww3I/sDAwMAHEwQyTBgfKgAFDRHaBUEkULkwdjOJF3wLN4EFYZYIfu0gZ2EAANG0CCwSklztAAAAAElFTkSuQmCC","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to increase content engagement: top 10 mistakes to fix | TinyMCE"},"metaDescription":{"metaDescription":"Improve content engagement by avoiding the most common web page design mistakes. Get actionable tips and learn how to optimize your content UX!"}},{"title":"Sigma Cloud Analytics Success Story: impactful visual-first content | Setka","slug":"sigma-cloud-analytics-success-story","featured":false,"lastUpdated":"Nov 23rd, 2021","description":{"description":"<p>Integrating Setka for blog publishing has helped this team crank out design-driven content that stands above the rest.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Integrating Setka for blog publishing has helped this team crank out design-driven content that stands above the rest."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content design and a focus on content experience keeps cloud analytics providers above the competition.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAACKFBMVEWoYPKoZ/Ooa/Ooc/OoefSofvSphfWpjfWqlfaqnfeqpPirrPirtPmsu/qsw/usyvut0fyt2f2t4P6u5/6oZvOncPKsufmvwfuuwPuswvusvfusufqstvqssvqrr/qrrPmrqvmrp/mrpfiro/irofiqoPeqn/eoZfOncPGqy/ao0fOmyvCkx/ClwvGlvPGltvClr/Ckqe+ko++knO6jle2jj+2jie2lg+6kfO2ic+uoX/Knc/Gqzvmp2fihx+umx/OqxviqwPipufamsfKlpPGlnu+kmO+jke2kjO6khu2lgu+lfO+oXvKpcPOojvSs0/yv3/+s1Puqy/ipxfeovvaouPWrtfmtsvyop/Wrpfmrn/mrmPirkvirjfiTbtWoXfKpcfSokfSt1Pyv4P+mzPKUsdmWrtuYq96WpdubpOKhpuuOjc+ln/CsoPqsmfqtlPqtjvqMb8xjSZCpkvWnzPSt3f2p0fedvOWeuOemvPKqtfidouV2dq2mn/Grnvikku6ZhN+Mc8tbR4RnTZaqlfeMp82Vvtqu1v6lxfGmwPKsw/yrvPqip+2MjM2NiM2Bd7t2aaprW5t5Y69/ZLiSbtOrlviJo8mKscukyu+cu+R6jrObr+KRn9ODi795fbF2dqx6drKHfMOGeMOIdMapi/SsiPmje+ybvOOYw96JqciDnL9TYXlsep10f6l+hriNkc2ZmN+jnO2uof2ejuZ5Z7B+Z7eWdtqcdeIh/lT+AAAAO0lEQVQI12NkYMQELAzCxApa3VKHsd8JwVg+GOpWRjDGY7WIAarppAWyoCCE5fleEFOQUQhZ5XtldDMBDTQIdhl3poYAAAAASUVORK5CYII=","aspectRatio":1.9066937119675456,"src":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1478&h=775&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1880&h=986&q=50&fit=scale 1880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1478&h=775&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1880&h=986&q=50&fm=webp&fit=scale 1880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Sigma Cloud Analytics Success Story: impactful visual-first content | Setka"},"metaDescription":{"metaDescription":"Learn how this marketing team’s focus on beautiful, design-driven content helped them stand out in a crowded cloud analytics industry."}},{"title":"How to use grids in web design: best practices for beginners","slug":"how-to-use-grids-best-practices-for-beginners","featured":false,"lastUpdated":"Oct 19th, 2021","description":{"description":"<p>An explanation of how to use grids in Setka, providing content design and UI design instruction.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"An explanation of how to use grids in Setka, providing content design and UI design instruction."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An image of content design guides for the Setka post on how to use grids. Useful for content design and ui design tasks.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACZFBMVEV5bJI8OEojIStLUWGJmbKGmK9ETVkhJio5RkaMlsCtof2yn/OXirWIhalpboZhbn+pwd6sxOGsw+GtxeN8b5Y8OUstKzhJT16Aj6Z+j6VDTFgsMTg5RUaOmMKtof2zn/OPgqtyb41zeZNlcoSqwt+wyOavx+WuxuN+cZg1MkI2NkQ9QU5FTlo7Qk0zOkIyPjyPmcOtov20oPSgk7+bmsCYocCKnbOqw92uyOOtx+I0MUAsLTc1OEQ5QUs4QEoqLzUxPTqOmcOyn/a9rO25sOysrOKnr9+lr96qtOSuuemttud+bZYtITEjHCQoJiwqLjEpLjAlKiohJyIpNymNmMGtovyrmPmsk/WrjvWqifWqhfSqf/SpefOocPKoavCFhKhLWWpGVGVLV2pOWm9OWG5JUGhFSWNJUGaQmMitofyunPCxodqnodOipdKgrdShsdafrtOYpcqVoMat3/uo1/ao0PaoyfaowvWnvPSntfSmrvKlp/Gqpvasn/ytmu2sns6OjK98g5x+kKN/lKZ+kqSAlKZzhpa/v/G7wPC5w/C2xu+yye6wye2xx+2wxu2wxeuxvvOsn/uql+qjlsSIhaiAh6OJmrKBlKmBk6mFl66Ak6i8qOK1qd2ysd6uuN2qvtuowdypwdyowdupw9uxxO6soPymmMiMiq58g56Flq6DlqyElqyElq19j6S7quOyqNqvr9qqtNmmuteowNypwd2pwtyxw+6olumhk8GGg6aGlq6Akqd8jaJ6i6C/rue6sOW6uum2wOixxuawyeavyeSyxO+pl+p+haCElKx9j6N9jqN7jKGCWLrNAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAABQSURBVAjXY2RgxAJEsIixgAVRlDMwsjAIghgfgOQHAbhKZTAljGIQC24zSRV8KwwThDL+MzEet2JkfC8IdhLEHUkM8xkZ+D8xyDMyfuFlBADCygr33SDg2AAAAABJRU5ErkJggg==","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1478&h=776&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1880&h=987&q=50&fit=scale 1880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1478&h=776&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1880&h=987&q=50&fm=webp&fit=scale 1880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Oleg Uppit","slug":"oleg-uppit"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":{"metaDescription":"Learn how to get started with a grid layout design so it improves your content and how to use Setka modular grids."}},{"title":"What are modular grids and why they are helpful","slug":"a-guide-to-grids-blog-design","featured":false,"lastUpdated":"Oct 13th, 2021","description":{"description":"<p>How can you make your post more reader-friendly? One of&nbsp;the key design tools that helps achieve this is&nbsp;a&nbsp;grid. Think of&nbsp;it&nbsp;as&nbsp;a&nbsp;frame to&nbsp;help organize information. Today we&nbsp;will share what they are, how they were first used and their significance in&nbsp;media design.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How can you make your post more reader-friendly? One of the key design tools that helps achieve this is a grid. Think of it as a frame to help organize information. Today we will share what they are, how they were first used and their significance in media design."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Invoking the grids option, this image identifies the grid blog design topic","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACeVBMVEW+quW1q96wsNy0v+Wvw+Kqwt6mvtmnv9qkvdWquuWsoPu1ofWrnM6bmMCfp8qmudeds82ar8mPo7uetM6OfquWjriYmL6GjquUpsGPo7tzhJeGma9+kqOEjLaqnvq0oPSdj72AfZ6FjKiRorx4ip13iZx4iZyUqcGaibmelsKPjrKEjamfss6InLJda3t3iJx8kKGBiLKqn/q0oPOmmMadm8Gao8Kbr8iQp7uQp7yTqr+ft86fjsCkm8mZmL6NlbOcr8qZr8h+kKWInbCIkrurn/qzoPa2peSzq+awseasteWqtuSqtOOnsOCqs+Oeir2dk7+Liax7gZuSpL2asMl9j6OEl6t+kqKAiLCroPqrmfipkPKoivKohvKnf/GmePCmcu+lau6kYuyBgaN9gKBtdpB0f5qKnbiUqMV0g51wfZdseZGAhLWtofyaitxnXIRmXoZiXoRYVXpSTHJRSXFFNWRHN2an3PWo1vamz/SoyfWqxfeqv/emtfOnr/Olp/Coo/Ouov6Sg9JIQk5ISVUzOT01QUI4RUYtOzgxPjw5R0h2h6BzhJ5xgZyElbSuxOitxOijt9uVpsqluN2nsuWuov2QgdBGQE9EQ1M+QU84QEk8RU81PUYxOUE/SFJXRWRQRV5OSFxxeI+uweCvyOOcs8uFmq6hutCktN2RgtI+OUZFRFVER1ZCSlU3P0k1PEVeU3FeWXRXVWx1fZWmutijutWhuNOfttCiutKktN6uof2VhdU4Mjw+Pk1FSVhASFM6Q008RE44QEo7RE5dUm9dWHJUU2l0fJSmudeiudOiudShutE2MDk9PUtBQ1I/SFMwNz8qMDgsMjqyMPPTAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAAA+SURBVAjXY2RgxAJEsIix4BO8qYEsKAyhrYnWTpLgW7Dx74QY37MIwgWFwCRQRgSqEuivdwwMAoyMDxWAPAAkawgNzsK1mQAAAABJRU5ErkJggg==","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1478&h=776&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1880&h=987&q=50&fit=scale 1880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1478&h=776&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1880&h=987&q=50&fm=webp&fit=scale 1880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":{"metaDescription":"Grid systems help to arrange content elements based on rows and columns. Learn more about grids in content design: why to use them and the types."}},{"title":"5 ways to level up your CMS ","slug":"5-ways-to-level-up-your-cms","featured":false,"lastUpdated":"Aug 23rd, 2021","description":{"description":"<div>\n<div>When it comes to CMS, you need tools that save you time and don't mess around with your plans. We've gathered five ways TinyMCE can save you time, and keep you up to date with CMS trends. For example, Spell checking, Accessibility checking, and PowerPaste to handle copy paste results.</div>\n</div>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"When it comes to CMS, you need tools that save you time and don't mess around with your plans. We've gathered five ways TinyMCE can save you time, and keep you up to date with CMS trends. For example, Spell checking, Accessibility checking, and PowerPaste to handle copy paste results."}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A technology expert types on a keyboard with a plant.","artistName":"Corinne Kutz","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2217&h=1478&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2880&h=1920&q=50&fit=scale 2880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2217&h=1478&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2880&h=1920&q=50&fm=webp&fit=scale 2880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"5 ways to level up your CMS"},"metaDescription":{"metaDescription":"When it comes to CMS, you need tools that save you time and don't mess around with your plans.\nWe've gathered five ways TinyMCE can save you time, and keep you up to date with CMS trends. For\nexample, Spell checking, Accessibility checking, and PowerPaste to handle copy paste results."}},{"title":"Build branding into your product design with a WYSIWYG HTML editor","slug":"app-website-branding-wysiwyg-editor","featured":false,"lastUpdated":"May 1st, 2024","description":{"description":"<p>Find out how the right WYSIWYG HTML editor can help you set up your website or app branded content</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how the right WYSIWYG HTML editor can help you set up your website or app branded content"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two generic headings \"Heading 1\" and \"Heading 2\", an empty table, and a color palette, depicting a sample content style.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAACb0lEQVQYGW3BMWudZRjH4d//fu73zUnSJk2r0WJSEaE0qPgB/ADiXBCEroKLo2Nnl+ImCC46FTo6FISCg5N0KWJRsFYtBlqILScnaXLO8zz3beogCl6X/LNdEP/HjdGRtGhZO/9wowdJuhIyrLcETBkgTrgYhCqt0wPjmQRBkl48JVeg6JrPc6nUteV80gEzqXCU0CGSfylS6U30yeimSAXVJ4ucbO4zkREWqUXVdtolGVVU0bQh2/HSQyYr6HiBKyDoyVnxyZsry6MeTPvj4xjFpecH4MGTNm/56DASXt8c3r/zVEarmZZOFwFJR7PjQPba5vB0kaujRea85oUzvnV2eDRt124fbi4bSa0MMEquTnYZOYVrPxzfa0ll3XXOuF8T2Bn1zot+WPPb/bj784IuD8YiC5wmhVycc314cWl1tP3jWJuY4GCeD2d9Y9k+/Wn+e01cjxcYcqROIifkaFCZhd/8JV6YMBZEHFa2TluN8t1un4W8WAvRIyIPTBNjRD5gpdfyx4+L1r7uIpL/SFbXh/OvlvlRm+69tf3SlTdWvrl3dGOvt5S7RForpyTWRp6JDkqzhKKkDPMo48P788+/vHz96gdvn99a48ZXh20ij24RHmcuhLkgwaIlSitFpIhaSyqfe5n3Lt/cPbX5/fzW3UoYYVabepcSCwgU0FFQEiW9ocRVcu83rn98a2N6ZWfpi1cGwsY0zzClZRcFJQkkJgG9IWESGba+vfzuR+OfpzfuHM1+bQfFDNPK1SmZigZIkEgJRErCDJHIkPVQr5E1VNDgmDwpiCzO30ohUe9IacaJRJCR6sCQck6kOPEXNXhOKTjuMosAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Branded content and building website branding with a WYSIWYG editor | TinyMCE"},"metaDescription":{"metaDescription":"Branded content and building website branding is easier with the right WYSIWYG HTML editor. Find out about branded content and website branding in our new guide"}},{"title":"Guide to image rotation: HTML, CSS, and JavaScript techniques","slug":"image-rotation","featured":false,"lastUpdated":"Jul 13th, 2023","description":{"description":"<p>Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The rotation process shown in isometric view depicting the image rotation process","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAt1BMVEXVn//Vn//Wn//Vnv/WnP/VnP/Vo/3Yqf3Wnv/YrfTNtfLKpfPQn/nVn/7Io/zIovvVnf/Xrvnl2fHhz/PVoPXgw7+/5O/e0NnXwtfKre7PmPnPnPnaj/XVnf7Xov/PrfSHzbfDpu7fxfTF5vTgyM7jusDEqenTm/7YnP7kjvrWnf7PoPq0t+DOn/nWs/bB3PO32+m52eLFsO7SmfzUnv7VoP/Ynf/Wnf/WoP7XqP7UsvrRwvfTsPaElh1/AAAAAXRSTlP+GuMHfQAAAFFJREFUCNdjYMACGBnhrP9wQRYQwQSW/QcS/Q8TZGJmhICvPIyf/0O08zMigycQlZ+lkQVhFrErI8TOwG1n14OIXPmI6iQm3q////3HcCchAABxXhAzVKmEBwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide to image rotation: HTML, CSS, and JavaScript techniques | TinyMCE"},"metaDescription":{"metaDescription":"Master image rotation in web design with our comprehensive guide. Explore image rotation techniques using HTML, CSS, and JavaScript, and learn how to simplify the process with TinyMCE."}},{"title":"How to use AI for writing marketing emails","slug":"ai-email-marketing","featured":false,"lastUpdated":"Aug 17th, 2023","description":{"description":"<p>AI support for writing marketing emails &ndash; it's something you can try out today to help get your message across. Read on to find out how to get started.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"AI support for writing marketing emails – it's something you can try out today to help get your message across. Read on to find out how to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A laptop sits open with email and AI writing prompt imagery supporting the laptop.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to use AI in marketing emails writing | TinyMCE"},"metaDescription":{"metaDescription":"Artificial intelligence has changed the marketing email writing process. AI in marketing emails writing can help deliver your message"}},{"title":"16 features to include on your blog feed","slug":"best-blog-features","featured":false,"lastUpdated":"May 12th, 2020","description":{"description":"<p>The right blog features can make all the difference to your user experience. We cover all the dos and don&rsquo;ts for creating a more engaging blog feed.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The right blog features can make all the difference to your user experience. We cover all the dos and don’ts for creating a more engaging blog feed."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Group of categories and tags made from the section titles within the related article.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACHFBMVEUDAAwBAAAAAAAEABkFADIGEjcGFDgLPVAepKofrbMgrrMgr7QgsLUfrbIYjJMfq7EfrrMgrrQgsLYgsrcSaXQEACcHETgHFTkPV2Un0tYo19wo19sp2t4p2d0iuL0p2Nwp2t8p2+Ap3eEo1NkXh48DAAAHBDYIFDoIFjsMPVIkwcYmzNAmy9Amyc4htLohs7kmzNEht70kxckmys4kwscXg4wFACcIDjkIFDwOSlwnz9Mn09go09gn0tckxMkjvMEo1tsjvcIcnKMEABIHADQIBzkORVklxssmztMmztImzdEnz9Qmys8kwsghsrgkxMon0NQlxcoQVmYHACsPTmAmzdIlyM0n0dYn09ckv8Uit70nztMSYXAFABsPSV4lxcsn0dUgr7Uitr0IADIPS2Alx8wn0NUlxswgrbQnzdIjusAJADoPSWAo1Ngo1dokwccjvMIclZ4PQ1wlxMomytAlxMkkwMYhr7Ylw8kmyc8kw8kZh5IRUmcp3OAo1top2d4hsrkIACoQRmAmx80kvcQhrLUitLwRR2ALAD4TWW4q3uIp298q4OQjuL8p2N0q3OEr4+cq3+MMAEQLADsNCEcNF0oRQl8gqLEhrLQgqrIgqrMhrrcckJshq7Qhr7cfpK0dmKMOG00OE0oOHk0OH04MADwLADAKACgKACUKACQJACQLAC0KACkKACYJACIKACwMADgOBEkOHU8PIVB0mLFhAAABFUlEQVQYGQXBu0oDQRiA0f+bnZ2dXbO5bAxKjMRoYytpJY0WVhLsfQkfxsZSFF9BxMZKEMSgSJpIBM2lUhOQxOzFcxAQEckQEREBEDwAgBgNAIguAZDo1AGYWwBdAshEEbupAwDoIiBkikQztVoUoEMAhH4DEn+wRezi7Ngkt5iUvbL1Rvloeax/KkYFQUg3P5j9TsyaGKf6mBmjjHHSveJqr4ZJP71OtFuwVtmHaHh9Lw3z7Q1b3v7z6OXVcMJtbRtIuh8HjGcTKdRRwWj65M/t5dLmoX27uWs235Vx9oN+O46+WtNU+ZVe+y+s+1p558dXK37Hr25cnIVH68VcOQw5BSB2SUQ0CwOgCwAkGha48yKA/APKmFAEmjXjSQAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"16 blog features to engage your audience"},"metaDescription":{"metaDescription":"The right blog features can make all the difference to your user experience. We cover all the dos and don’ts for creating a more engaging blog feed."}},{"title":"Blockquote CSS and styling in TinyMCE","slug":"blockquote-css-and-styling-in-tinymce","featured":false,"lastUpdated":"Mar 5th, 2020","description":{"description":"<p>Blockquotes can add more interest and authority to your content. Here are four examples demonstrating how to style blockquotes with CSS, including how to do it in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blockquotes can add more interest and authority to your content. Here are four examples demonstrating how to style blockquotes with CSS, including how to do it in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Rich text editor containing content with a styled block quote, Tiny company logo above.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACPVBMVEUVsesUsOsMresJrOsIrOsFrOsCrOsErOsJresSsOsOrusTsOsUq+oNqeoJqOoKqOoFqOoAqOoAp+oEquoLquoIqOoOqeoTq+oNpOoKo+oLo+oIo+oAouoxp+pvt+48qetjs+1Orew5quspp+oQo+oGo+oOpOoTpuoTpeoKn+kLn+kEn+l/uu6iyvKGve+Ive+dyPGLv++VxPGBuu8Sn+oJn+kToekEmukCmukAmukAmelEouuEue9OpetBoutjrexDo+tvsO1mrewGnOkJnOkLnOkNnOkOnOkAk+kAkOkAj+kAjugAj+gAjegAjOgAkOgAkegAkugAlukHkumRue+Zve6Yve+Wu+6XvO6Uue2Xve6bv/CdwPKdwPGdwfGfwvKRuu8Aj+dKmev09vz///3//vz+/fv9/Pr8+/n///7////x8fMyhdVBk+v19/739/fs7Ovs6+vt7Ozr6+rr6ur5+fjw8PEgfNA9kOz09v339/ju7u7t7e7s7Ozz8/P4+Pj29vb6+vrv7/EZedA9jez09v7//u3///L9/f7t7e0YdtA9i+3y66zy6Zny67Hu57D28MH7+vXm5ufn5+fm5ubl5eXv7/AXdNA9iO709v/o35Pl2Enn2kfv5ZH+/fL8/Pzn5+jo6Ojp6ekXcdE9h/Dq4ZTi1VHn2lTr4ID69dn+/fzv7+/x8fH19fUXb9I9h/Hs45/i1mnm23b178n69+D8/Prk5OQWbtI9hPL+/fb8+/X9+NT//eb8/P0WbNPvvP3bAAAAvElEQVQYGT3BzS4EQRhA0XtrvvnprtKTSdiJDU/g4b2LlYVYmEiYMMiELtUmnCMqKiDqgYVR1JqUpiaNlUTRmpzgEcbGShpn/gNiUPDPZ2cTGwWsNt8xgB99ZCc12SDg2lgrNuM4BwQ0sl8wF9Fx5h6ykd1BdvLC2j0Uo7g79x4uXlMZ3qRZxvLAwiu1V/MWODVOfBg8wtsZTUkF8q/3vu+vdzQ58p7s5HFb62V5hrMudU90zc0KHO4SzfIH3UgoI+AQqOkAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":{"metaDescription":"How to edit CSS blockquote styles to match your website design and engage your readers. Blockquote CSS examples, including how to do it in TinyMCE."}},{"title":"Fancy form elements: Aaron Iker showcase","slug":"fancy-form-elements","featured":false,"lastUpdated":"Aug 30th, 2020","description":{"description":"<p>Make your forms more engaging and fun with these fancy form elements by UI designer Aaron Iker. Get creative with your buttons, toggles, and more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make your forms more engaging and fun with these fancy form elements by UI designer Aaron Iker. Get creative with your buttons, toggles, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Twitter logo with tag @aaroniker_me in the center.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABs1BMVEUEmOUEl+UFl+UFl+QEluQGl+UGleQHleQJluUFleQIluUUnOwan/ALl+YQmekHk+QGk+MOlucFkuMXnO0eovMcofIanvAPl+gIkeQHkOMPleccoPITmOoJkeQGj+MMk+YdovMdofMOlOcIkOQIjuQIjeQKj+UZnvATmewOk+gQlekbofIcofMRlOkHjeMJiuQIiuQMjOYXme0bofMPofMEoPMEn/IFoPIKoPINoPIRoPIOj+cIieQJh+UNiucbn/EcovMXofNZrfRhsPRcrvRdrvRUrPRTq/ROqvMMiuYIh+UKheYKhOYJhOYTkesboPJarvRosvRer/Rgr/RQq/QXovMXme8KgucJgucLg+gXl+4An/IDoPIEoPIJoPIRofMRjOsIgecKgOkWk+4do/MXlu8Kf+sKfuoJfeoRiu0ZmfEdofIeo/MZmvEMgusJfuoKfuwMge0OhO0Qh+4Vke8bnvIdovIYl/ENgu0JfOwKfe4OhO8XlPEcn/Ieo/IZmvISi/AJfO4KffEJfPEKfPENgvERiPITjPIRifIOg/EIe/EJffQJfPMIe/MIevMHefMIfPMO349sAAAA1ElEQVQYGQXBsU7CUBiA0e9rf1LoLWhCxITRuLq4m7Ca+AzGZ+Fx3F18DjddjBMuGAiUivR6DgAAAAoAFmAGoEAy9BCBegJKlVyYO2Kkx4EnIATUghhpWam4T8K2nTU7r/WnbypVVzQ07omkzddUUcduVnPFO1RV+1K7vnZLTFQ3E92er8uzsS0TokH9OFyZSO/zt5u0h0iAu4vXGXxfDm5PJIhAufdzAS8LtQWiRtWcnh9I2tZA1KhrHg/H6dNv1dUALlEV7YZdBoAYgSo5V39DAOAf2ok5H14z2MYAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Fancy form elements and form design inspiration"},"metaDescription":{"metaDescription":"Make your forms more engaging and fun with these fancy form elements by UI designer Aaron Iker. Get creative with your buttons, toggles, and more."}},{"title":"The Three Kinds of Design by John Maeda","slug":"three-kinds-design-john-maeda","featured":false,"lastUpdated":"Jul 20th, 2017","description":{"description":"<p><a href=\"https://en.wikipedia.org/wiki/John_Maeda\">John Maeda, design rockstar</a>&nbsp;and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of&nbsp;<a href=\"https://2017.europe.wordcamp.org/session/the-three-kinds-of-design/\">why design is the elixir of our times</a>. To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/John_Maeda"},"children":[{"type":"text","value":"John Maeda, design rockstar"}]},{"type":"text","value":" and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of "},{"type":"element","tagName":"a","properties":{"href":"https://2017.europe.wordcamp.org/session/the-three-kinds-of-design/"},"children":[{"type":"text","value":"why design is the elixir of our times"}]},{"type":"text","value":". To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Blueprint of chair design","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCf/EACAQAAIBBAIDAQAAAAAAAAAAAAECAwAEBQYRIRIxQVH/xAAXAQEBAQEAAAAAAAAAAAAAAAAEAgED/8QAGxEBAAMBAQEBAAAAAAAAAAAAAQACAxESFDH/2gAMAwEAAhEDEQA/ANFNL1zHaXrFnjbaSVo4U8YjdytNI33gsx5NP0srC50rSoEqoyl3bqWQxEj069g0YsjOySWzGv2k98zsvJI9+XFPpZ8wtqCwnX7s3tlBI6KJF7VvZFTpQ7Kzt0g8O/yT5+6xTWY4ibxEwk7PX0cVfyBka9/Zro98xNns7NHkXVVAAH7Sc8zzBaapaf/Z","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1620&h=1080&q=50&fit=scale 1620w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1620&h=1080&q=50&fm=webp&fit=scale 1620w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":null}]},"description":{"description":"<p>Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience."}]}],"data":{"quirksMode":false}}}},"tags":[{"slug":"accessibility","title":"Accessibility"},{"slug":"design","title":"Design"},{"slug":"images","title":"Images"}],"body":{"body":"<p><span style=\"font-size: 14pt;\">For most of us, alt text is invisible. It sits behind digital images and content, seemingly having no effect. You&rsquo;ve likely even thought, &lsquo;Why bother doing it?&rsquo;... but that&rsquo;s unwise. Because, it&rsquo;s far from unimportant. It plays a big role in Google&rsquo;s understanding of your content, its ranking, and supports people who can&rsquo;t actually <em>see </em>the visuals on your site.</span></p>\n<h3>Table of Contents</h3>\n<p style=\"line-height: 1;\"><a href=\"#h_86939212657731681970557609\">What is alt text?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_77553470760061681970567465\">What is alt text for accessibility?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_99591033762231681970574473\">Image description vs alt text vs caption title</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_30645042964431681970582721\">How do you add alt text to an image?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_95309886166651681970590552\" target=\"_blank\" rel=\"noopener\">Is alt text important for SEO?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_57584815968661681970596690\">Does every image need to have alt text?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_72528692270831681970605823\" target=\"_blank\" rel=\"noopener\">How to write good alt text for images</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_8241354372781681970613511\">How long should image alt text be?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_70157969874891681970624238\" target=\"_blank\" rel=\"noopener\">Image alt text examples</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_73338727076851681970634731\">more alt text best practices</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_29717174078941681970645050\">Improve your alt text</a><br /><br /></p>\n<p>In fact, alt text is crucial for visually impaired readers who use screen readers and other assistive technologies (AT). Without it, the AT can&rsquo;t properly navigate your content, nor can the screen reader provide context for the missing images or graphics on the screen.</p>\n<p>Despite that, a large proportion of digital content has missing or incorrect alt text with:</p>\n<ul>\n<li>Poorly written image descriptions</li>\n<li>Descriptions written specifically for SEO (AKA keyword stuffing)</li>\n<li>No alt text&nbsp;</li>\n</ul>\n<p>Unfortunately, not all content creators are familiar with alt text best practices, for either accessibility or SEO purposes. Worse still, it can be a confusing area, with different rules applying to different types of images and scenarios.</p>\n<p>Well written alt text matters for several reasons:</p>\n<ul>\n<li>Primary best practice that improves accessibility</li>\n<li>Can improve &lsquo;topical relevance&rsquo; for Google</li>\n<li>Can help ranking in Google Images</li>\n<li>Serves as anchor text for image links</li>\n<li>Is a text placeholder when images are slow or fail to load&nbsp;</li>\n<li>Aids users of screen readers who need alt text to be read out loud</li>\n<li>Provides a better user experience (UX)</li>\n<li>Helps website owners comply with the growing number of accessibility laws.</li>\n</ul>\n<p>Given that, let's explore what alt text is, how to write it and show some examples, so your content becomes accessible and search engine friendly.</p>\n<h2 id=\"h_86939212657731681970557609\">What is alt text?</h2>\n<p>Short for &lsquo;alternative text&rsquo;, alt text is an image attribute in HTML that a screen reader reads out loud when an image, graphic or table is encountered on the page. This allows visually impaired users to experience the image and its context, without needing to see it.&nbsp;</p>\n<p>Alt text also appears in place of an image if it doesn&rsquo;t load on a user's screen &ndash; be that on a website or other situations. This sometimes also occurs in emails, so if it&rsquo;s the first they see (in the email header) alt text can be a crucial contributor to people either deleting or opening your email, based on alt text alone.</p>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/2F75OjfBtLAbXnkzVES5pa/be44c18b337e8c20dad35b83eefaf3ee/alt-text-definition-example.png\" alt=\"Screenshot showing example HTML with image and alt text.\" width=\"1396\" height=\"254\" /></p>\n<p>Alt text is also referred to as an &lsquo;alt tag&rsquo;, &lsquo;alt attribute&rsquo;, &lsquo;image description&rsquo;, &lsquo;alt text code&rsquo;, &lsquo;image alt tag&rsquo;, or &lsquo;HTML code for picture&rsquo;.&nbsp;</p>\n<pre class=\"language-html\">&lt;img src=\"person.jpg\" alt=\"Person looking at the camera and waving.\" /&gt;;</pre>\n<h3 id=\"h_77553470760061681970567465\">What is alt text for accessibility?</h3>\n<p>Alt text was originally created to improve accessibility, to ensure that all people have equal access to digital content. Its functional purpose is to describe <a href=\"https://www.w3.org/WAI/tutorials/images/informative/\" target=\"_blank\" rel=\"noopener\">informative images</a> for people who can&rsquo;t see them &ndash; either those who are vision impaired, or who find descriptions useful to help them process and understand the context of the image.</p>\n<p>Alt text helps a visually impaired user experience your article, app, or website in the same way as everyone else.&nbsp;</p>\n<p>For example, as a travel blogger, you may decide to implement detailed descriptions of your photographs to help readers imagine the scenery. Or, if you&rsquo;re a comedian, you could put extra effort into describing your images with a funny tone of voice &ndash; to create a fun experience.</p>\n<p>Globally there&rsquo;s an increasing number of accessibility laws and high levels of litigation &ndash; with multi million-dollar fines being issued to big and small companies. Consequently, alt text is extremely important for accessibility compliance and it's worthwhile <a href=\"https://www.accessibilitychecking.com/\" target=\"_blank\" rel=\"noopener\">using a WCAG certified accessibility checker</a>, to confirm that your content complies with the requirements.</p>\n<h2 id=\"h_99591033762231681970574473\">Image description vs alt text vs caption vs title</h2>\n<p>Generally speaking, an image description provides much more detail on the image, than alt text does. An image description is longer than alt text and it can contain keywords, or even metadata.</p>\n<ul>\n<li>I<strong>mage alt text </strong>is a concise description of your image</li>\n<li><strong>Image description</strong> can be longer, and have more personality</li>\n<li><strong>A caption</strong> is displayed on the page for all users to see</li>\n<li><strong>The title attribute</strong> displays as tooltip text in most browsers, appearing in a small bubble on hover&nbsp;</li>\n</ul>\n<h2 id=\"h_30645042964431681970582721\">How do you add alt text to an image?</h2>\n<p>The exact steps to add alt text depends on the editor and CMS you&rsquo;re using. But here&rsquo;s a step-by-step explanation for adding image alt text using a <a href=\"https://www.tiny.cloud/\" target=\"_blank\" rel=\"noopener\">WYSIWYG editor</a> like TinyMCE:</p>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/2cbZY9NNlgWqJbGQmOczTG/a884bd2a8e57c6e1690fa427550e026a/img-altimagetext-updatelogo-0.gif\" alt=\"Demo showing how to add alt image to an image in the TinyMCE editor\" width=\"660\" height=\"320\" /></p>\n<h3>Step 1</h3>\n<p>Add your image (if you&rsquo;re editing an existing image, you can jump forward to step 2).</p>\n<h3>Step 2</h3>\n<p>Click on your image.</p>\n<h3>Step 3</h3>\n<p>Click on the &lsquo;Image Options&rsquo; buttons on the toolbar that appears. In your editor, you may need to click an icon that looks like an image of a small landscape to access these options.&nbsp;&nbsp;</p>\n<h3>Step 4</h3>\n<p>Add your &lsquo;alt text&rsquo; or &lsquo;alternative text&rsquo; into the field provided.&nbsp;</p>\n<h3>Step 5</h3>\n<p>When you&rsquo;ve finished, save your changes. If you&rsquo;re making changes to content that&rsquo;s already published, remember to publish the updates.</p>\n<blockquote>\n<p><strong><em>Tip: </em></strong><em>Prefer to look at code? You can also update your alt text by switching over to HTML view, finding the &lt;img&gt; tags, and adding alt=&rdquo;image description goes here&rdquo; as shown in the examples above.</em></p>\n</blockquote>\n<p>If you&rsquo;re using another type of application or document, here&rsquo;s some other resources on adding alt text:</p>\n<ul>\n<li><strong>Microsoft Word/PowerPoint:</strong><strong> </strong><a href=\"https://support.office.com/en-us/article/Use-alternative-text-for-images-and-objects-9c57ee44-bb48-40e3-aad4-7647fc1dba51?ui=en-US&amp;rs=en-US&amp;ad=US\" target=\"_blank\" rel=\"noopener\">Microsoft Office: Improve Accessibility with Alt Text</a></li>\n<li><strong style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\">Google Docs: </strong><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\">Right-click the image and choose &lsquo;Alt text.&rsquo; Then add your text in the &lsquo;description&rsquo; box.</span></li>\n</ul>\n<h2 id=\"h_95309886166651681970590552\">Is alt text important for SEO?</h2>\n<p>Alt text is one of the many ranking factors that Google uses in its algorithm. It&rsquo;s not as heavily weighted as a header or a title tag, but it does matter.&nbsp;</p>\n<p><a href=\"https://support.google.com/webmasters/answer/114016?hl=en\" target=\"_blank\" rel=\"noopener\">Google&rsquo;s SEO best practices</a> says:&nbsp;</p>\n<ul>\n<li>&ldquo;By adding more context around images, results can become much more useful, which can lead to higher quality traffic to your site.&rdquo;</li>\n<li>&ldquo;Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.&rdquo;</li>\n</ul>\n<p>However, describing the image (while keeping accessibility in mind) should be your key focus. If you can incorporate relevant keywords, do so, but never keyword stuff your alt text. Google <em>always </em>finds out, and penalizes sites that overuse keywords.</p>\n<h2 id=\"h_57584815968661681970596690\">Does every image need to have alt text?</h2>\n<p>This is a commonly asked question, and the answer is &lsquo;No&rsquo;. It&rsquo;s based on the type of image, and here are the exceptions</p>\n<h3 role=\"presentation\">1. Decorative images</h3>\n<p>Generally, if your image is purely <a href=\"https://www.w3.org/WAI/tutorials/images/decorative/\">decorative</a> (like a divider, spacer, border, for eye candy or enhancement) and it doesn&rsquo;t add meaning or context to the page or content, then it doesn&rsquo;t need alt text.&nbsp;</p>\n<p><strong>For decorative images, leave the alt attribute blank.&nbsp;</strong></p>\n<p>Then users with screen readers won&rsquo;t hear repeated &ldquo;border, border, border&rdquo; announcements before the reader moves on to the real content.&nbsp;</p>\n<h3 role=\"presentation\">2. Images with adjacent text</h3>\n<p>The same rule applies to images that have adjacent text describing them. If adding alt text to these images forces the screen reader to repeat itself, it isn&rsquo;t a good user experience.&nbsp;</p>\n<p><strong>In that case, leave the alt text attribute blank.</strong></p>\n<p>If you&rsquo;re still a little confused on <em>when and how</em> to use alt text, you&rsquo;ll like this handy <a href=\"https://www.w3.org/WAI/tutorials/images/decision-tree/\" target=\"_blank\" rel=\"noopener\">Alt Text Decision Tree</a> to help you decide whether your image should (or shouldn't) have alt text and what to put there.</p>\n<h2 id=\"h_72528692270831681970605823\">How to write good alt text for images</h2>\n<p>Start by understanding the type of image, its context and confirm alt text is required, then:</p>\n<ul>\n<li>Decide on the details your reader needs &ndash; to understand the image (or use your site) &ndash; if they can&rsquo;t see the image.</li>\n<li>Write short phrases or complete sentences.&nbsp;</li>\n<li>Keep it conversational &ndash; remember, a screen reader will need to read it out aloud.&nbsp;</li>\n<li>Use capitalization and <a href=\"https://www.w3.org/WAI/tutorials/images/tips/\" target=\"_blank\" rel=\"noopener\">punctuation</a>, just as you would write a normal sentence, to help it flow smoothly.</li>\n<li>You don&rsquo;t have to say &ldquo;picture of&rdquo; or &ldquo;image of&rdquo; as that&rsquo;s obvious and many screen readers <a href=\"https://www.oomphinc.com/notes/2019/01/images-alt-tags-out-loud-experience-oomph-inc/\" target=\"_blank\" rel=\"noopener\">automatically announce &ldquo;image&rdquo; or &ldquo;graphic&rdquo;</a> so if you write it in the alt text, it could say &ldquo;image image&rdquo;.</li>\n<li><a href=\"https://webaim.org/techniques/alttext/\" target=\"_blank\" rel=\"noopener\">Context is really important when writing alt text</a> &ndash; if you&rsquo;re using the same image in different contexts, then different alt text is needed for each placement.</li>\n<li>Get somebody to read the alt text out loud to you &ndash; it should give you a reasonably clear picture of the image being described.</li>\n<li>If there&rsquo;s already written content around the image that provides some context, you may only need a short alt text description, like &ldquo;pink flower&rdquo;.</li>\n<li>For in-depth, detailed images (like infographics, flow charts, organizational charts, maps, and illustrations), it&rsquo;s alt text best practice to use several sentences that give an in-depth, detailed description. This is especially true if substantial parts of the image need to be understood in order to make sense of the content.&nbsp;</li>\n</ul>\n<h2 id=\"h_8241354372781681970613511\">How long should image alt text be?</h2>\n<p><a href=\"https://moz.com/learn/seo/alt-text\" target=\"_blank\" rel=\"noopener\">Moz.com recommends keeping alt text descriptions to under 125 characters</a> to account for some screen readers that cut off alt text fields past that character count. So, if you need more than a few sentences to describe a <a href=\"https://www.w3.org/WAI/tutorials/images/complex/\" target=\"_blank\" rel=\"noopener\">complex image</a>, here&rsquo;s one way you can do it:</p>\n<ul>\n<li>Write a short alt text summary&nbsp;</li>\n<li>Write a full, detailed description of the image on another page</li>\n<li>Embed a description link under the image (in the body text or caption), which users can click through to read the full description</li>\n</ul>\n<p>Another option is to use the &ldquo;longdesc&rdquo; attribute to specify the hyperlink to your longer description. In this situation, your alt text might read like &ldquo;Organizational chart for X company showing executive team position and names. You can see a full description via the link below.&rdquo;</p>\n<h2 id=\"h_70157969874891681970624238\">Image alt text examples</h2>\n<p>Let&rsquo;s get into a few examples so you can see how these alt text best practices work.</p>\n<h3>Alt text example 1: Ice cream cone</h3>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/3qzuOVpUvmNXOHlOBvJ9rI/c23cfeb7b6bcb7c107e8b51e4cddbb62/man-holding-ice-cream-cone-under-cloud-1262302-square.jpg\" alt=\"Hand holding an empty ice cream cone creates an optical illusion using a tiny cloud in the sky that looks like ice cream filling the cone.\" width=\"800\" height=\"800\" /><br /><br /></p>\n<p>The alt text for the above image might be:</p>\n<p>&ldquo;Man holding an empty ice cream cone creates an optical illusion using a tiny cloud in the sky that looks like ice cream filling the cone.&rdquo;</p>\n<h3>Alt text example 2: Cat<br /><img src=\"https://images.ctfassets.net/s600jj41gsex/7IzTh7XlAEcGCCFICdJE8v/2cfa280d72f5b067e68a5133ff1c1762/animal-animal-photography-blur-cat-399647.jpg\" alt=\"Wide eyed cat smiles sarcastically at the camera.\" width=\"896\" height=\"595\" /></h3>\n<p>The alt text for the above image might be:</p>\n<p>&ldquo;Wide eyed cat smiles sarcastically at the camera.&rdquo;</p>\n<blockquote>\n<p><strong>NOTE:&nbsp;</strong>The above emotion/feeling of sarcasm might be substituted for happiness, excitement, fear, or shock, depending on the context of how you&rsquo;re using the image.&nbsp;</p>\n</blockquote>\n<p>Since <a href=\"https://tink.uk/text-descriptions-emotion-rich-images/\" target=\"_blank\" rel=\"noopener\">images are often used to convey emotion</a>, if the alt text doesn't do that, users who can't see the image miss out on that experience. Images (and their descriptions) can make a reader&rsquo;s experience more rich, fun, and enjoyable.</p>\n<h3>Alt text example 3: Organization chart</h3>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/5PkHN7w9MGeps0t3Mwvuwc/6c5ce5dae4b54989612f3d85c31ff360/Organizational_Chart_of_the_CIA_National_Clandestine_Service.png\" alt=\"Organizational chart for the CIA. See longer description below the image.\" width=\"1389\" height=\"907\" /></p>\n<p>The alt text for the above image might be:</p>\n<p>&ldquo;Organizational chart for the CIA. See longer description below the image.&rdquo;</p>\n<p>It would then be accompanied by a longer description underneath, such as:</p>\n<p><strong>CIA Organizational Chart</strong></p>\n<p>This chart shows that the CIA is headed up by the Director of the National Clandestine Service. This director is in charge of the Deputy Director of the NCS for Community HUMINT, who oversees the Community HUMINT Coordination Center.</p>\n<p>The Director of the National Clandestine Service also oversees the Deputy Director, who is in charge of multiple Centers, Divisions, Groups, and Branches. These are the Counterintelligence Center, Counterterrorism Center, Counterproliferation Center, National Resettlement Operations Center, and Information Operations Center. Plus the Latin America, Europe, Central Eurasia, East Asia, Africa, Near East, and Iran Operations Divisions. There&rsquo;s a Special Activities Division, which includes the Special Operations Group and Political Action Group. There&rsquo;s the National Resources Division, including the National Collection Branch and Foreign Resources Branch. Finally, the Deputy Director also oversees the Technology Support Divisions.</p>\n<h2 id=\"h_73338727076851681970634731\">More alt text best practices</h2>\n<ul>\n<li><strong>Use the tools </strong>&ndash; Use an extension or tool like <a href=\"https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc?hl=en\" target=\"_blank\" rel=\"noopener\">SEO Meta in 1-Click</a> to check if any of your images are missing alt text. Or use the <a href=\"https://www.tiny.cloud/tinymce/features/accessibility-checker/\" target=\"_blank\" rel=\"noopener\">Tiny Accessibility Checker</a> plugin directly within your CMS.</li>\n<li><strong>Use a WYSIWYG editor</strong> &ndash; It&rsquo;s usually easier to add alt text to your images using a WYSIWYG editor like TinyMCE, because you can simply click on the image, edit the settings, and then add your description to the alt text field.</li>\n<li><strong>Image names matter too</strong> &ndash; Don&rsquo;t forget to also name your images with something relevant (team-photo.jpg, not image1024.jpg) as this adds another piece of information to the page that can potentially be keyword rich, other than the alt text.</li>\n<li><strong>Test with a screen reader </strong>&ndash; It&rsquo;s a good idea to test your page&rsquo;s accessibility with screen reading software. Hearing your content read out helps you understand if there&rsquo;s important information missing, and if the page and information flows smoothly.</li>\n</ul>\n<h2 id=\"h_29717174078941681970645050\">Improve your alt text&nbsp;</h2>\n<p>At first, adopting alt text best practices can be overwhelming, especially if you have an existing website with lots of images. But don&rsquo;t let that stop you. Make a plan to work through your site and most importantly, make sure you follow the same best practices for all the new content you create.</p>","childMarkdownRemark":{"html":"<p><span style=\"font-size: 14pt;\">For most of us, alt text is invisible. It sits behind digital images and content, seemingly having no effect. You&rsquo;ve likely even thought, &lsquo;Why bother doing it?&rsquo;... but that&rsquo;s unwise. Because, it&rsquo;s far from unimportant. It plays a big role in Google&rsquo;s understanding of your content, its ranking, and supports people who can&rsquo;t actually <em>see </em>the visuals on your site.</span></p>\n<h3>Table of Contents</h3>\n<p style=\"line-height: 1;\"><a href=\"#h_86939212657731681970557609\">What is alt text?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_77553470760061681970567465\">What is alt text for accessibility?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_99591033762231681970574473\">Image description vs alt text vs caption title</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_30645042964431681970582721\">How do you add alt text to an image?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_95309886166651681970590552\" target=\"_blank\" rel=\"noopener\">Is alt text important for SEO?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_57584815968661681970596690\">Does every image need to have alt text?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_72528692270831681970605823\" target=\"_blank\" rel=\"noopener\">How to write good alt text for images</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_8241354372781681970613511\">How long should image alt text be?</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_70157969874891681970624238\" target=\"_blank\" rel=\"noopener\">Image alt text examples</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_73338727076851681970634731\">more alt text best practices</a></p>\n<p style=\"line-height: 1;\"><a href=\"#h_29717174078941681970645050\">Improve your alt text</a><br /><br /></p>\n<p>In fact, alt text is crucial for visually impaired readers who use screen readers and other assistive technologies (AT). Without it, the AT can&rsquo;t properly navigate your content, nor can the screen reader provide context for the missing images or graphics on the screen.</p>\n<p>Despite that, a large proportion of digital content has missing or incorrect alt text with:</p>\n<ul>\n<li>Poorly written image descriptions</li>\n<li>Descriptions written specifically for SEO (AKA keyword stuffing)</li>\n<li>No alt text&nbsp;</li>\n</ul>\n<p>Unfortunately, not all content creators are familiar with alt text best practices, for either accessibility or SEO purposes. Worse still, it can be a confusing area, with different rules applying to different types of images and scenarios.</p>\n<p>Well written alt text matters for several reasons:</p>\n<ul>\n<li>Primary best practice that improves accessibility</li>\n<li>Can improve &lsquo;topical relevance&rsquo; for Google</li>\n<li>Can help ranking in Google Images</li>\n<li>Serves as anchor text for image links</li>\n<li>Is a text placeholder when images are slow or fail to load&nbsp;</li>\n<li>Aids users of screen readers who need alt text to be read out loud</li>\n<li>Provides a better user experience (UX)</li>\n<li>Helps website owners comply with the growing number of accessibility laws.</li>\n</ul>\n<p>Given that, let's explore what alt text is, how to write it and show some examples, so your content becomes accessible and search engine friendly.</p>\n<h2 id=\"h_86939212657731681970557609\">What is alt text?</h2>\n<p>Short for &lsquo;alternative text&rsquo;, alt text is an image attribute in HTML that a screen reader reads out loud when an image, graphic or table is encountered on the page. This allows visually impaired users to experience the image and its context, without needing to see it.&nbsp;</p>\n<p>Alt text also appears in place of an image if it doesn&rsquo;t load on a user's screen &ndash; be that on a website or other situations. This sometimes also occurs in emails, so if it&rsquo;s the first they see (in the email header) alt text can be a crucial contributor to people either deleting or opening your email, based on alt text alone.</p>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/2F75OjfBtLAbXnkzVES5pa/be44c18b337e8c20dad35b83eefaf3ee/alt-text-definition-example.png\" alt=\"Screenshot showing example HTML with image and alt text.\" width=\"1396\" height=\"254\" /></p>\n<p>Alt text is also referred to as an &lsquo;alt tag&rsquo;, &lsquo;alt attribute&rsquo;, &lsquo;image description&rsquo;, &lsquo;alt text code&rsquo;, &lsquo;image alt tag&rsquo;, or &lsquo;HTML code for picture&rsquo;.&nbsp;</p>\n<pre class=\"language-html\">&lt;img src=\"person.jpg\" alt=\"Person looking at the camera and waving.\" /&gt;;</pre>\n<h3 id=\"h_77553470760061681970567465\">What is alt text for accessibility?</h3>\n<p>Alt text was originally created to improve accessibility, to ensure that all people have equal access to digital content. Its functional purpose is to describe <a href=\"https://www.w3.org/WAI/tutorials/images/informative/\" target=\"_blank\" rel=\"noopener\">informative images</a> for people who can&rsquo;t see them &ndash; either those who are vision impaired, or who find descriptions useful to help them process and understand the context of the image.</p>\n<p>Alt text helps a visually impaired user experience your article, app, or website in the same way as everyone else.&nbsp;</p>\n<p>For example, as a travel blogger, you may decide to implement detailed descriptions of your photographs to help readers imagine the scenery. Or, if you&rsquo;re a comedian, you could put extra effort into describing your images with a funny tone of voice &ndash; to create a fun experience.</p>\n<p>Globally there&rsquo;s an increasing number of accessibility laws and high levels of litigation &ndash; with multi million-dollar fines being issued to big and small companies. Consequently, alt text is extremely important for accessibility compliance and it's worthwhile <a href=\"https://www.accessibilitychecking.com/\" target=\"_blank\" rel=\"noopener\">using a WCAG certified accessibility checker</a>, to confirm that your content complies with the requirements.</p>\n<h2 id=\"h_99591033762231681970574473\">Image description vs alt text vs caption vs title</h2>\n<p>Generally speaking, an image description provides much more detail on the image, than alt text does. An image description is longer than alt text and it can contain keywords, or even metadata.</p>\n<ul>\n<li>I<strong>mage alt text </strong>is a concise description of your image</li>\n<li><strong>Image description</strong> can be longer, and have more personality</li>\n<li><strong>A caption</strong> is displayed on the page for all users to see</li>\n<li><strong>The title attribute</strong> displays as tooltip text in most browsers, appearing in a small bubble on hover&nbsp;</li>\n</ul>\n<h2 id=\"h_30645042964431681970582721\">How do you add alt text to an image?</h2>\n<p>The exact steps to add alt text depends on the editor and CMS you&rsquo;re using. But here&rsquo;s a step-by-step explanation for adding image alt text using a <a href=\"https://www.tiny.cloud/\" target=\"_blank\" rel=\"noopener\">WYSIWYG editor</a> like TinyMCE:</p>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/2cbZY9NNlgWqJbGQmOczTG/a884bd2a8e57c6e1690fa427550e026a/img-altimagetext-updatelogo-0.gif\" alt=\"Demo showing how to add alt image to an image in the TinyMCE editor\" width=\"660\" height=\"320\" /></p>\n<h3>Step 1</h3>\n<p>Add your image (if you&rsquo;re editing an existing image, you can jump forward to step 2).</p>\n<h3>Step 2</h3>\n<p>Click on your image.</p>\n<h3>Step 3</h3>\n<p>Click on the &lsquo;Image Options&rsquo; buttons on the toolbar that appears. In your editor, you may need to click an icon that looks like an image of a small landscape to access these options.&nbsp;&nbsp;</p>\n<h3>Step 4</h3>\n<p>Add your &lsquo;alt text&rsquo; or &lsquo;alternative text&rsquo; into the field provided.&nbsp;</p>\n<h3>Step 5</h3>\n<p>When you&rsquo;ve finished, save your changes. If you&rsquo;re making changes to content that&rsquo;s already published, remember to publish the updates.</p>\n<blockquote>\n<p><strong><em>Tip: </em></strong><em>Prefer to look at code? You can also update your alt text by switching over to HTML view, finding the &lt;img&gt; tags, and adding alt=&rdquo;image description goes here&rdquo; as shown in the examples above.</em></p>\n</blockquote>\n<p>If you&rsquo;re using another type of application or document, here&rsquo;s some other resources on adding alt text:</p>\n<ul>\n<li><strong>Microsoft Word/PowerPoint:</strong><strong> </strong><a href=\"https://support.office.com/en-us/article/Use-alternative-text-for-images-and-objects-9c57ee44-bb48-40e3-aad4-7647fc1dba51?ui=en-US&amp;rs=en-US&amp;ad=US\" target=\"_blank\" rel=\"noopener\">Microsoft Office: Improve Accessibility with Alt Text</a></li>\n<li><strong style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\">Google Docs: </strong><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\">Right-click the image and choose &lsquo;Alt text.&rsquo; Then add your text in the &lsquo;description&rsquo; box.</span></li>\n</ul>\n<h2 id=\"h_95309886166651681970590552\">Is alt text important for SEO?</h2>\n<p>Alt text is one of the many ranking factors that Google uses in its algorithm. It&rsquo;s not as heavily weighted as a header or a title tag, but it does matter.&nbsp;</p>\n<p><a href=\"https://support.google.com/webmasters/answer/114016?hl=en\" target=\"_blank\" rel=\"noopener\">Google&rsquo;s SEO best practices</a> says:&nbsp;</p>\n<ul>\n<li>&ldquo;By adding more context around images, results can become much more useful, which can lead to higher quality traffic to your site.&rdquo;</li>\n<li>&ldquo;Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.&rdquo;</li>\n</ul>\n<p>However, describing the image (while keeping accessibility in mind) should be your key focus. If you can incorporate relevant keywords, do so, but never keyword stuff your alt text. Google <em>always </em>finds out, and penalizes sites that overuse keywords.</p>\n<h2 id=\"h_57584815968661681970596690\">Does every image need to have alt text?</h2>\n<p>This is a commonly asked question, and the answer is &lsquo;No&rsquo;. It&rsquo;s based on the type of image, and here are the exceptions</p>\n<h3 role=\"presentation\">1. Decorative images</h3>\n<p>Generally, if your image is purely <a href=\"https://www.w3.org/WAI/tutorials/images/decorative/\">decorative</a> (like a divider, spacer, border, for eye candy or enhancement) and it doesn&rsquo;t add meaning or context to the page or content, then it doesn&rsquo;t need alt text.&nbsp;</p>\n<p><strong>For decorative images, leave the alt attribute blank.&nbsp;</strong></p>\n<p>Then users with screen readers won&rsquo;t hear repeated &ldquo;border, border, border&rdquo; announcements before the reader moves on to the real content.&nbsp;</p>\n<h3 role=\"presentation\">2. Images with adjacent text</h3>\n<p>The same rule applies to images that have adjacent text describing them. If adding alt text to these images forces the screen reader to repeat itself, it isn&rsquo;t a good user experience.&nbsp;</p>\n<p><strong>In that case, leave the alt text attribute blank.</strong></p>\n<p>If you&rsquo;re still a little confused on <em>when and how</em> to use alt text, you&rsquo;ll like this handy <a href=\"https://www.w3.org/WAI/tutorials/images/decision-tree/\" target=\"_blank\" rel=\"noopener\">Alt Text Decision Tree</a> to help you decide whether your image should (or shouldn't) have alt text and what to put there.</p>\n<h2 id=\"h_72528692270831681970605823\">How to write good alt text for images</h2>\n<p>Start by understanding the type of image, its context and confirm alt text is required, then:</p>\n<ul>\n<li>Decide on the details your reader needs &ndash; to understand the image (or use your site) &ndash; if they can&rsquo;t see the image.</li>\n<li>Write short phrases or complete sentences.&nbsp;</li>\n<li>Keep it conversational &ndash; remember, a screen reader will need to read it out aloud.&nbsp;</li>\n<li>Use capitalization and <a href=\"https://www.w3.org/WAI/tutorials/images/tips/\" target=\"_blank\" rel=\"noopener\">punctuation</a>, just as you would write a normal sentence, to help it flow smoothly.</li>\n<li>You don&rsquo;t have to say &ldquo;picture of&rdquo; or &ldquo;image of&rdquo; as that&rsquo;s obvious and many screen readers <a href=\"https://www.oomphinc.com/notes/2019/01/images-alt-tags-out-loud-experience-oomph-inc/\" target=\"_blank\" rel=\"noopener\">automatically announce &ldquo;image&rdquo; or &ldquo;graphic&rdquo;</a> so if you write it in the alt text, it could say &ldquo;image image&rdquo;.</li>\n<li><a href=\"https://webaim.org/techniques/alttext/\" target=\"_blank\" rel=\"noopener\">Context is really important when writing alt text</a> &ndash; if you&rsquo;re using the same image in different contexts, then different alt text is needed for each placement.</li>\n<li>Get somebody to read the alt text out loud to you &ndash; it should give you a reasonably clear picture of the image being described.</li>\n<li>If there&rsquo;s already written content around the image that provides some context, you may only need a short alt text description, like &ldquo;pink flower&rdquo;.</li>\n<li>For in-depth, detailed images (like infographics, flow charts, organizational charts, maps, and illustrations), it&rsquo;s alt text best practice to use several sentences that give an in-depth, detailed description. This is especially true if substantial parts of the image need to be understood in order to make sense of the content.&nbsp;</li>\n</ul>\n<h2 id=\"h_8241354372781681970613511\">How long should image alt text be?</h2>\n<p><a href=\"https://moz.com/learn/seo/alt-text\" target=\"_blank\" rel=\"noopener\">Moz.com recommends keeping alt text descriptions to under 125 characters</a> to account for some screen readers that cut off alt text fields past that character count. So, if you need more than a few sentences to describe a <a href=\"https://www.w3.org/WAI/tutorials/images/complex/\" target=\"_blank\" rel=\"noopener\">complex image</a>, here&rsquo;s one way you can do it:</p>\n<ul>\n<li>Write a short alt text summary&nbsp;</li>\n<li>Write a full, detailed description of the image on another page</li>\n<li>Embed a description link under the image (in the body text or caption), which users can click through to read the full description</li>\n</ul>\n<p>Another option is to use the &ldquo;longdesc&rdquo; attribute to specify the hyperlink to your longer description. In this situation, your alt text might read like &ldquo;Organizational chart for X company showing executive team position and names. You can see a full description via the link below.&rdquo;</p>\n<h2 id=\"h_70157969874891681970624238\">Image alt text examples</h2>\n<p>Let&rsquo;s get into a few examples so you can see how these alt text best practices work.</p>\n<h3>Alt text example 1: Ice cream cone</h3>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/3qzuOVpUvmNXOHlOBvJ9rI/c23cfeb7b6bcb7c107e8b51e4cddbb62/man-holding-ice-cream-cone-under-cloud-1262302-square.jpg\" alt=\"Hand holding an empty ice cream cone creates an optical illusion using a tiny cloud in the sky that looks like ice cream filling the cone.\" width=\"800\" height=\"800\" /><br /><br /></p>\n<p>The alt text for the above image might be:</p>\n<p>&ldquo;Man holding an empty ice cream cone creates an optical illusion using a tiny cloud in the sky that looks like ice cream filling the cone.&rdquo;</p>\n<h3>Alt text example 2: Cat<br /><img src=\"https://images.ctfassets.net/s600jj41gsex/7IzTh7XlAEcGCCFICdJE8v/2cfa280d72f5b067e68a5133ff1c1762/animal-animal-photography-blur-cat-399647.jpg\" alt=\"Wide eyed cat smiles sarcastically at the camera.\" width=\"896\" height=\"595\" /></h3>\n<p>The alt text for the above image might be:</p>\n<p>&ldquo;Wide eyed cat smiles sarcastically at the camera.&rdquo;</p>\n<blockquote>\n<p><strong>NOTE:&nbsp;</strong>The above emotion/feeling of sarcasm might be substituted for happiness, excitement, fear, or shock, depending on the context of how you&rsquo;re using the image.&nbsp;</p>\n</blockquote>\n<p>Since <a href=\"https://tink.uk/text-descriptions-emotion-rich-images/\" target=\"_blank\" rel=\"noopener\">images are often used to convey emotion</a>, if the alt text doesn't do that, users who can't see the image miss out on that experience. Images (and their descriptions) can make a reader&rsquo;s experience more rich, fun, and enjoyable.</p>\n<h3>Alt text example 3: Organization chart</h3>\n<p><img src=\"https://images.ctfassets.net/s600jj41gsex/5PkHN7w9MGeps0t3Mwvuwc/6c5ce5dae4b54989612f3d85c31ff360/Organizational_Chart_of_the_CIA_National_Clandestine_Service.png\" alt=\"Organizational chart for the CIA. See longer description below the image.\" width=\"1389\" height=\"907\" /></p>\n<p>The alt text for the above image might be:</p>\n<p>&ldquo;Organizational chart for the CIA. See longer description below the image.&rdquo;</p>\n<p>It would then be accompanied by a longer description underneath, such as:</p>\n<p><strong>CIA Organizational Chart</strong></p>\n<p>This chart shows that the CIA is headed up by the Director of the National Clandestine Service. This director is in charge of the Deputy Director of the NCS for Community HUMINT, who oversees the Community HUMINT Coordination Center.</p>\n<p>The Director of the National Clandestine Service also oversees the Deputy Director, who is in charge of multiple Centers, Divisions, Groups, and Branches. These are the Counterintelligence Center, Counterterrorism Center, Counterproliferation Center, National Resettlement Operations Center, and Information Operations Center. Plus the Latin America, Europe, Central Eurasia, East Asia, Africa, Near East, and Iran Operations Divisions. There&rsquo;s a Special Activities Division, which includes the Special Operations Group and Political Action Group. There&rsquo;s the National Resources Division, including the National Collection Branch and Foreign Resources Branch. Finally, the Deputy Director also oversees the Technology Support Divisions.</p>\n<h2 id=\"h_73338727076851681970634731\">More alt text best practices</h2>\n<ul>\n<li><strong>Use the tools </strong>&ndash; Use an extension or tool like <a href=\"https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc?hl=en\" target=\"_blank\" rel=\"noopener\">SEO Meta in 1-Click</a> to check if any of your images are missing alt text. Or use the <a href=\"https://www.tiny.cloud/tinymce/features/accessibility-checker/\" target=\"_blank\" rel=\"noopener\">Tiny Accessibility Checker</a> plugin directly within your CMS.</li>\n<li><strong>Use a WYSIWYG editor</strong> &ndash; It&rsquo;s usually easier to add alt text to your images using a WYSIWYG editor like TinyMCE, because you can simply click on the image, edit the settings, and then add your description to the alt text field.</li>\n<li><strong>Image names matter too</strong> &ndash; Don&rsquo;t forget to also name your images with something relevant (team-photo.jpg, not image1024.jpg) as this adds another piece of information to the page that can potentially be keyword rich, other than the alt text.</li>\n<li><strong>Test with a screen reader </strong>&ndash; It&rsquo;s a good idea to test your page&rsquo;s accessibility with screen reading software. Hearing your content read out helps you understand if there&rsquo;s important information missing, and if the page and information flows smoothly.</li>\n</ul>\n<h2 id=\"h_29717174078941681970645050\">Improve your alt text&nbsp;</h2>\n<p>At first, adopting alt text best practices can be overwhelming, especially if you have an existing website with lots of images. But don&rsquo;t let that stop you. Make a plan to work through your site and most importantly, make sure you follow the same best practices for all the new content you create.</p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"style":"font-size: 14pt;"},"children":[{"type":"text","value":"For most of us, alt text is invisible. It sits behind digital images and content, seemingly having no effect. You’ve likely even thought, ‘Why bother doing it?’... but that’s unwise. Because, it’s far from unimportant. It plays a big role in Google’s understanding of your content, its ranking, and supports people who can’t actually "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"see "}]},{"type":"text","value":"the visuals on your site."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Table of Contents"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_86939212657731681970557609"},"children":[{"type":"text","value":"What is alt text?"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_77553470760061681970567465"},"children":[{"type":"text","value":"What is alt text for accessibility?"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_99591033762231681970574473"},"children":[{"type":"text","value":"Image description vs alt text vs caption title"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_30645042964431681970582721"},"children":[{"type":"text","value":"How do you add alt text to an image?"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_95309886166651681970590552","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Is alt text important for SEO?"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_57584815968661681970596690"},"children":[{"type":"text","value":"Does every image need to have alt text?"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_72528692270831681970605823","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"How to write good alt text for images"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_8241354372781681970613511"},"children":[{"type":"text","value":"How long should image alt text be?"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_70157969874891681970624238","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Image alt text examples"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_73338727076851681970634731"},"children":[{"type":"text","value":"more alt text best practices"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"style":"line-height: 1;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#h_29717174078941681970645050"},"children":[{"type":"text","value":"Improve your alt text"}]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"element","tagName":"br","properties":{},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In fact, alt text is crucial for visually impaired readers who use screen readers and other assistive technologies (AT). Without it, the AT can’t properly navigate your content, nor can the screen reader provide context for the missing images or graphics on the screen."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Despite that, a large proportion of digital content has missing or incorrect alt text with:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Poorly written image descriptions"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Descriptions written specifically for SEO (AKA keyword stuffing)"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"No alt text "}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Unfortunately, not all content creators are familiar with alt text best practices, for either accessibility or SEO purposes. Worse still, it can be a confusing area, with different rules applying to different types of images and scenarios."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Well written alt text matters for several reasons:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Primary best practice that improves accessibility"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Can improve ‘topical relevance’ for Google"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Can help ranking in Google Images"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Serves as anchor text for image links"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Is a text placeholder when images are slow or fail to load "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Aids users of screen readers who need alt text to be read out loud"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Provides a better user experience (UX)"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Helps website owners comply with the growing number of accessibility laws."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Given that, let's explore what alt text is, how to write it and show some examples, so your content becomes accessible and search engine friendly."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_86939212657731681970557609"},"children":[{"type":"text","value":"What is alt text?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Short for ‘alternative text’, alt text is an image attribute in HTML that a screen reader reads out loud when an image, graphic or table is encountered on the page. This allows visually impaired users to experience the image and its context, without needing to see it. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alt text also appears in place of an image if it doesn’t load on a user's screen – be that on a website or other situations. This sometimes also occurs in emails, so if it’s the first they see (in the email header) alt text can be a crucial contributor to people either deleting or opening your email, based on alt text alone."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/2F75OjfBtLAbXnkzVES5pa/be44c18b337e8c20dad35b83eefaf3ee/alt-text-definition-example.png","alt":"Screenshot showing example HTML with image and alt text.","width":1396,"height":254},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alt text is also referred to as an ‘alt tag’, ‘alt attribute’, ‘image description’, ‘alt text code’, ‘image alt tag’, or ‘HTML code for picture’. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-html"]},"children":[{"type":"text","value":"<img src=\"person.jpg\" alt=\"Person looking at the camera and waving.\" />;"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"h_77553470760061681970567465"},"children":[{"type":"text","value":"What is alt text for accessibility?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alt text was originally created to improve accessibility, to ensure that all people have equal access to digital content. Its functional purpose is to describe "},{"type":"element","tagName":"a","properties":{"href":"https://www.w3.org/WAI/tutorials/images/informative/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"informative images"}]},{"type":"text","value":" for people who can’t see them – either those who are vision impaired, or who find descriptions useful to help them process and understand the context of the image."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alt text helps a visually impaired user experience your article, app, or website in the same way as everyone else. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For example, as a travel blogger, you may decide to implement detailed descriptions of your photographs to help readers imagine the scenery. Or, if you’re a comedian, you could put extra effort into describing your images with a funny tone of voice – to create a fun experience."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Globally there’s an increasing number of accessibility laws and high levels of litigation – with multi million-dollar fines being issued to big and small companies. Consequently, alt text is extremely important for accessibility compliance and it's worthwhile "},{"type":"element","tagName":"a","properties":{"href":"https://www.accessibilitychecking.com/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"using a WCAG certified accessibility checker"}]},{"type":"text","value":", to confirm that your content complies with the requirements."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_99591033762231681970574473"},"children":[{"type":"text","value":"Image description vs alt text vs caption vs title"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Generally speaking, an image description provides much more detail on the image, than alt text does. An image description is longer than alt text and it can contain keywords, or even metadata."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"I"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"mage alt text "}]},{"type":"text","value":"is a concise description of your image"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Image description"}]},{"type":"text","value":" can be longer, and have more personality"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"A caption"}]},{"type":"text","value":" is displayed on the page for all users to see"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"The title attribute"}]},{"type":"text","value":" displays as tooltip text in most browsers, appearing in a small bubble on hover "}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_30645042964431681970582721"},"children":[{"type":"text","value":"How do you add alt text to an image?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The exact steps to add alt text depends on the editor and CMS you’re using. But here’s a step-by-step explanation for adding image alt text using a "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"WYSIWYG editor"}]},{"type":"text","value":" like TinyMCE:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/2cbZY9NNlgWqJbGQmOczTG/a884bd2a8e57c6e1690fa427550e026a/img-altimagetext-updatelogo-0.gif","alt":"Demo showing how to add alt image to an image in the TinyMCE editor","width":660,"height":320},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Step 1"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add your image (if you’re editing an existing image, you can jump forward to step 2)."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Step 2"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Click on your image."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Step 3"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Click on the ‘Image Options’ buttons on the toolbar that appears. In your editor, you may need to click an icon that looks like an image of a small landscape to access these options.  "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Step 4"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Add your ‘alt text’ or ‘alternative text’ into the field provided. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Step 5"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When you’ve finished, save your changes. If you’re making changes to content that’s already published, remember to publish the updates."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Tip: "}]}]},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Prefer to look at code? You can also update your alt text by switching over to HTML view, finding the <img> tags, and adding alt=”image description goes here” as shown in the examples above."}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’re using another type of application or document, here’s some other resources on adding alt text:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Microsoft Word/PowerPoint:"}]},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":" "}]},{"type":"element","tagName":"a","properties":{"href":"https://support.office.com/en-us/article/Use-alternative-text-for-images-and-objects-9c57ee44-bb48-40e3-aad4-7647fc1dba51?ui=en-US&rs=en-US&ad=US","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Microsoft Office: Improve Accessibility with Alt Text"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{"style":"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"},"children":[{"type":"text","value":"Google Docs: "}]},{"type":"element","tagName":"span","properties":{"style":"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;"},"children":[{"type":"text","value":"Right-click the image and choose ‘Alt text.’ Then add your text in the ‘description’ box."}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_95309886166651681970590552"},"children":[{"type":"text","value":"Is alt text important for SEO?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Alt text is one of the many ranking factors that Google uses in its algorithm. It’s not as heavily weighted as a header or a title tag, but it does matter. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://support.google.com/webmasters/answer/114016?hl=en","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Google’s SEO best practices"}]},{"type":"text","value":" says: "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"“By adding more context around images, results can become much more useful, which can lead to higher quality traffic to your site.”"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"“Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.”"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"However, describing the image (while keeping accessibility in mind) should be your key focus. If you can incorporate relevant keywords, do so, but never keyword stuff your alt text. Google "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"always "}]},{"type":"text","value":"finds out, and penalizes sites that overuse keywords."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_57584815968661681970596690"},"children":[{"type":"text","value":"Does every image need to have alt text?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This is a commonly asked question, and the answer is ‘No’. It’s based on the type of image, and here are the exceptions"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"role":"presentation"},"children":[{"type":"text","value":"1. Decorative images"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Generally, if your image is purely "},{"type":"element","tagName":"a","properties":{"href":"https://www.w3.org/WAI/tutorials/images/decorative/"},"children":[{"type":"text","value":"decorative"}]},{"type":"text","value":" (like a divider, spacer, border, for eye candy or enhancement) and it doesn’t add meaning or context to the page or content, then it doesn’t need alt text. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"For decorative images, leave the alt attribute blank. "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Then users with screen readers won’t hear repeated “border, border, border” announcements before the reader moves on to the real content. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"role":"presentation"},"children":[{"type":"text","value":"2. Images with adjacent text"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The same rule applies to images that have adjacent text describing them. If adding alt text to these images forces the screen reader to repeat itself, it isn’t a good user experience. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"In that case, leave the alt text attribute blank."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you’re still a little confused on "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"when and how"}]},{"type":"text","value":" to use alt text, you’ll like this handy "},{"type":"element","tagName":"a","properties":{"href":"https://www.w3.org/WAI/tutorials/images/decision-tree/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Alt Text Decision Tree"}]},{"type":"text","value":" to help you decide whether your image should (or shouldn't) have alt text and what to put there."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_72528692270831681970605823"},"children":[{"type":"text","value":"How to write good alt text for images"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Start by understanding the type of image, its context and confirm alt text is required, then:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Decide on the details your reader needs – to understand the image (or use your site) – if they can’t see the image."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Write short phrases or complete sentences. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Keep it conversational – remember, a screen reader will need to read it out aloud. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Use capitalization and "},{"type":"element","tagName":"a","properties":{"href":"https://www.w3.org/WAI/tutorials/images/tips/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"punctuation"}]},{"type":"text","value":", just as you would write a normal sentence, to help it flow smoothly."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"You don’t have to say “picture of” or “image of” as that’s obvious and many screen readers "},{"type":"element","tagName":"a","properties":{"href":"https://www.oomphinc.com/notes/2019/01/images-alt-tags-out-loud-experience-oomph-inc/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"automatically announce “image” or “graphic”"}]},{"type":"text","value":" so if you write it in the alt text, it could say “image image”."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://webaim.org/techniques/alttext/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Context is really important when writing alt text"}]},{"type":"text","value":" – if you’re using the same image in different contexts, then different alt text is needed for each placement."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Get somebody to read the alt text out loud to you – it should give you a reasonably clear picture of the image being described."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"If there’s already written content around the image that provides some context, you may only need a short alt text description, like “pink flower”."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"For in-depth, detailed images (like infographics, flow charts, organizational charts, maps, and illustrations), it’s alt text best practice to use several sentences that give an in-depth, detailed description. This is especially true if substantial parts of the image need to be understood in order to make sense of the content. "}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_8241354372781681970613511"},"children":[{"type":"text","value":"How long should image alt text be?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://moz.com/learn/seo/alt-text","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Moz.com recommends keeping alt text descriptions to under 125 characters"}]},{"type":"text","value":" to account for some screen readers that cut off alt text fields past that character count. So, if you need more than a few sentences to describe a "},{"type":"element","tagName":"a","properties":{"href":"https://www.w3.org/WAI/tutorials/images/complex/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"complex image"}]},{"type":"text","value":", here’s one way you can do it:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Write a short alt text summary "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Write a full, detailed description of the image on another page"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Embed a description link under the image (in the body text or caption), which users can click through to read the full description"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Another option is to use the “longdesc” attribute to specify the hyperlink to your longer description. In this situation, your alt text might read like “Organizational chart for X company showing executive team position and names. You can see a full description via the link below.”"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_70157969874891681970624238"},"children":[{"type":"text","value":"Image alt text examples"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Let’s get into a few examples so you can see how these alt text best practices work."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Alt text example 1: Ice cream cone"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/3qzuOVpUvmNXOHlOBvJ9rI/c23cfeb7b6bcb7c107e8b51e4cddbb62/man-holding-ice-cream-cone-under-cloud-1262302-square.jpg","alt":"Hand holding an empty ice cream cone creates an optical illusion using a tiny cloud in the sky that looks like ice cream filling the cone.","width":800,"height":800},"children":[]},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"element","tagName":"br","properties":{},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The alt text for the above image might be:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"“Man holding an empty ice cream cone creates an optical illusion using a tiny cloud in the sky that looks like ice cream filling the cone.”"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Alt text example 2: Cat"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/7IzTh7XlAEcGCCFICdJE8v/2cfa280d72f5b067e68a5133ff1c1762/animal-animal-photography-blur-cat-399647.jpg","alt":"Wide eyed cat smiles sarcastically at the camera.","width":896,"height":595},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The alt text for the above image might be:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"“Wide eyed cat smiles sarcastically at the camera.”"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"NOTE: "}]},{"type":"text","value":"The above emotion/feeling of sarcasm might be substituted for happiness, excitement, fear, or shock, depending on the context of how you’re using the image. "}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Since "},{"type":"element","tagName":"a","properties":{"href":"https://tink.uk/text-descriptions-emotion-rich-images/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"images are often used to convey emotion"}]},{"type":"text","value":", if the alt text doesn't do that, users who can't see the image miss out on that experience. Images (and their descriptions) can make a reader’s experience more rich, fun, and enjoyable."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{},"children":[{"type":"text","value":"Alt text example 3: Organization chart"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/5PkHN7w9MGeps0t3Mwvuwc/6c5ce5dae4b54989612f3d85c31ff360/Organizational_Chart_of_the_CIA_National_Clandestine_Service.png","alt":"Organizational chart for the CIA. See longer description below the image.","width":1389,"height":907},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The alt text for the above image might be:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"“Organizational chart for the CIA. See longer description below the image.”"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"It would then be accompanied by a longer description underneath, such as:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"CIA Organizational Chart"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This chart shows that the CIA is headed up by the Director of the National Clandestine Service. This director is in charge of the Deputy Director of the NCS for Community HUMINT, who oversees the Community HUMINT Coordination Center."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Director of the National Clandestine Service also oversees the Deputy Director, who is in charge of multiple Centers, Divisions, Groups, and Branches. These are the Counterintelligence Center, Counterterrorism Center, Counterproliferation Center, National Resettlement Operations Center, and Information Operations Center. Plus the Latin America, Europe, Central Eurasia, East Asia, Africa, Near East, and Iran Operations Divisions. There’s a Special Activities Division, which includes the Special Operations Group and Political Action Group. There’s the National Resources Division, including the National Collection Branch and Foreign Resources Branch. Finally, the Deputy Director also oversees the Technology Support Divisions."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_73338727076851681970634731"},"children":[{"type":"text","value":"More alt text best practices"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Use the tools "}]},{"type":"text","value":"– Use an extension or tool like "},{"type":"element","tagName":"a","properties":{"href":"https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc?hl=en","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"SEO Meta in 1-Click"}]},{"type":"text","value":" to check if any of your images are missing alt text. Or use the "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/tinymce/features/accessibility-checker/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Tiny Accessibility Checker"}]},{"type":"text","value":" plugin directly within your CMS."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Use a WYSIWYG editor"}]},{"type":"text","value":" – It’s usually easier to add alt text to your images using a WYSIWYG editor like TinyMCE, because you can simply click on the image, edit the settings, and then add your description to the alt text field."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Image names matter too"}]},{"type":"text","value":" – Don’t forget to also name your images with something relevant (team-photo.jpg, not image1024.jpg) as this adds another piece of information to the page that can potentially be keyword rich, other than the alt text."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Test with a screen reader "}]},{"type":"text","value":"– It’s a good idea to test your page’s accessibility with screen reading software. Hearing your content read out helps you understand if there’s important information missing, and if the page and information flows smoothly."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"h_29717174078941681970645050"},"children":[{"type":"text","value":"Improve your alt text "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"At first, adopting alt text best practices can be overwhelming, especially if you have an existing website with lots of images. But don’t let that stop you. Make a plan to work through your site and most importantly, make sure you follow the same best practices for all the new content you create."}]}],"data":{"quirksMode":false}}}},"body2":null,"codepens":null,"heroImage":{"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA81BMVEUs2Zcr2Zcq2Zck2pYZ2pQR2pIi2pMp2pYo2pYo2pck2ZYd2pU/2JxZ06hr0LyDz8hB15s415lE1Zsj2ZY92psz2ppg0qvKx7rR3eez1O1LzaQy1ZZA05oT2ZQh2ZYp2ZcN2pat2LjQzrxn2K2u0Nbu7ezm6fJ4zLco2ZRS1pxS1p1R15kw2JQp2pcj2Zed27a62b5S2KKlxMzTxuTS0PSLx8CX3Lfc4N3j5uS428cY15Mm2ZYk2pc12pog2ZVw0LJoyLFAzZ4o1ZVP15xz0qR61alh0p4f15Qo2Zcm2pYb2pQS2pMd2pQd2pYL2pUE2pQZ2pX/UxQAAAAAXElEQVQI12NgwAIYYRQjw38gRBJkhIEfEGEWkBAHTJDhB1g1UCWTICMSePQfLCjPiAIug7Uz8CGLfYZoZ7RCFtz9D2ggA8P/Yzz/uIHgIBcQ3PgPdxLcfQi3YgAA5ywT4pqNpbMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=2560&q=80&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=640&h=359&q=80&fit=scale 640w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1280&h=718&q=80&fit=scale 1280w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1925&h=1080&q=80&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=2560&q=80&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=640&h=359&q=80&fm=webp&fit=scale 640w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1280&h=718&q=80&fm=webp&fit=scale 1280w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1925&h=1080&q=80&fm=webp&fit=scale 1925w","sizes":"(max-width: 2560px) 100vw, 2560px"}},"alt":"multiple pictures together, with a text box showing alt text for them","artistName":null,"artistUrl":null},"author":{"slug":"di-mace","name":"Di Mace","image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAUABQDAREAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAABwgJBAb/xAArEAABAwMCBAQHAAAAAAAAAAABAgMEBQYRABIHCBNBFCFRYRUiJDFxgZH/xAAZAQACAwEAAAAAAAAAAAAAAAAEBQIDBgH/xAAeEQACAgMBAQEBAAAAAAAAAAABAgADBBESIRMxBf/aAAwDAQACEQMRAD8AZvitxfuCgCsx7SgwpEmlISX5FQUoo6ihkNpQnBPl3zrOX5nzfhR7HuL/ADjkJ9CfJk4OcyzfFe0xLehCl1aOrozIgVuCVjuk90ntoqq4WLsjUAux2qbU6p69T1Dnd/dWdyriADizHotXkXnKlDxb6mlPQp7CyG3FdNSUgKQT8yQrPvjSW0lL2G9zXYSB8cFhqCjk/t9xm8LiWw+2KaycbesCQonONv39T5jRlaP2WP5E+TYhHKiNyqhuPKKgtONFhTFm5EKh8VLwtKlrptJuOfEp6xgxQ7vbA9kqyE/rGmLY9Vh6ZfZBMu+kco5Aho5ErhqLPMKfrHl/EID/AIresnqkEKBPqQR5Htk+uuWAcakEYl9k/sqJDq0hLCRuB/I0AfIVP//Z","aspectRatio":1,"src":"//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=48&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=12&h=12&q=50&fit=scale 12w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=24&h=24&q=50&fit=scale 24w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=48&h=48&q=50&fit=scale 48w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=72&h=72&q=50&fit=scale 72w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=96&h=96&q=50&fit=scale 96w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=144&h=144&q=50&fit=scale 144w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=238&h=238&q=50&fit=scale 238w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=48&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=12&h=12&q=50&fm=webp&fit=scale 12w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=24&h=24&q=50&fm=webp&fit=scale 24w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=48&h=48&q=50&fm=webp&fit=scale 48w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=72&h=72&q=50&fm=webp&fit=scale 72w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=96&h=96&q=50&fm=webp&fit=scale 96w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=144&h=144&q=50&fm=webp&fit=scale 144w,\n//images.ctfassets.net/s600jj41gsex/2uwtuEuSrJRa8qmjQcdFOH/8c708889481b2a897aee656bcbe06930/Di.jpeg?w=238&h=238&q=50&fm=webp&fit=scale 238w","sizes":"(max-width: 48px) 100vw, 48px"}},"shortBio":{"shortBio":"Marketing Communications Manager, Messaging strategist and copywriter whose passion lies in working with brands like Tiny, that have deep-seated values and embrace the power of their story. She gets a kick out of solving problems, loves learning new things and making stuff, every day. When she’s not thinking through clever copy lines or clarifying value propositions, she’s knitting amazing socks for everyone she knows."}},"metaTitle":{"metaTitle":"Image alt text best practices for accessibility & more"},"metaDescription":{"metaDescription":"Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience."},"setkaCss":null,"setkaHtml":null,"resourceFiles":null,"canonicalUrl":null}},"pageContext":{"slug":"alt-text-best-practices","setkaPostId":null}},"staticQueryHashes":["2492987505","740350947"]}